@refraction-ui/react 0.23.2 → 0.23.3

package/dist/react-tabs.js

@@ -1,101 +1,13 @@
 import {
-  Keys,
   cn,
   cva,
-  devWarn,
-  generateId
+  devWarn
 } from "./chunk-75BKRTPO.js";
 
 // ../react-tabs/dist/index.js
 import * as React from "react";
 
 // ../tabs/dist/index.js
-function createTabs(props = {}) {
-  const {
-    value: controlledValue,
-    defaultValue = "",
-    onValueChange,
-    orientation = "horizontal"
-  } = props;
-  let uncontrolledValue = controlledValue ?? defaultValue;
-  const idPrefix = generateId("rfr-tabs");
-  function getActiveValue() {
-    if (controlledValue !== void 0) return controlledValue;
-    return uncontrolledValue;
-  }
-  function select(value) {
-    uncontrolledValue = value;
-    onValueChange?.(value);
-  }
-  function getTabId(value) {
-    return `${idPrefix}-tab-${value}`;
-  }
-  function getPanelId(value) {
-    return `${idPrefix}-panel-${value}`;
-  }
-  function getTabProps(value) {
-    const isSelected = getActiveValue() === value;
-    return {
-      role: "tab",
-      "aria-selected": isSelected,
-      "aria-controls": getPanelId(value),
-      tabIndex: isSelected ? 0 : -1,
-      id: getTabId(value),
-      "data-state": isSelected ? "active" : "inactive"
-    };
-  }
-  function getPanelProps(value) {
-    const isSelected = getActiveValue() === value;
-    return {
-      role: "tabpanel",
-      "aria-labelledby": getTabId(value),
-      id: getPanelId(value),
-      hidden: !isSelected || void 0,
-      tabIndex: 0,
-      "data-state": isSelected ? "active" : "inactive"
-    };
-  }
-  const listProps = {
-    role: "tablist",
-    "aria-orientation": orientation
-  };
-  const keyboardHandlers = orientation === "horizontal" ? {
-    [Keys.ArrowLeft]: (e) => {
-      e.preventDefault();
-    },
-    [Keys.ArrowRight]: (e) => {
-      e.preventDefault();
-    },
-    [Keys.Home]: (e) => {
-      e.preventDefault();
-    },
-    [Keys.End]: (e) => {
-      e.preventDefault();
-    }
-  } : {
-    [Keys.ArrowUp]: (e) => {
-      e.preventDefault();
-    },
-    [Keys.ArrowDown]: (e) => {
-      e.preventDefault();
-    },
-    [Keys.Home]: (e) => {
-      e.preventDefault();
-    },
-    [Keys.End]: (e) => {
-      e.preventDefault();
-    }
-  };
-  return {
-    state: { activeValue: getActiveValue() },
-    listProps,
-    getTabProps,
-    getPanelProps,
-    select,
-    keyboardHandlers,
-    idPrefix
-  };
-}
 function getNextTabIndex(current, key, count, orientation = "horizontal") {
   if (count === 0) return null;
   const prev = orientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
@@ -147,11 +59,7 @@ var Tabs = React.forwardRef(
       },
       [isControlled, onValueChange]
     );
-    const apiRef = React.useRef(null);
-    if (apiRef.current === null) {
-      apiRef.current = createTabs({ value, orientation });
-    }
-    const api = apiRef.current;
+    const idPrefix = `rfr-tabs-${React.useId()}`;
     const [panels, setPanels] = React.useState(() => /* @__PURE__ */ new Set());
     const registerPanel = React.useCallback((panelValue) => {
       setPanels((prev) => prev.has(panelValue) ? prev : new Set(prev).add(panelValue));
@@ -172,11 +80,11 @@ var Tabs = React.forwardRef(
         value,
         onValueChange: handleValueChange,
         orientation,
-        idPrefix: api.idPrefix,
+        idPrefix,
         panels: allPanels,
         registerPanel
       }),
-      [value, handleValueChange, orientation, api.idPrefix, allPanels, registerPanel]
+      [value, handleValueChange, orientation, idPrefix, allPanels, registerPanel]
     );
     return React.createElement(
       "div",

package/dist/react-tabs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../tabs/src/tabs.ts", "../../tabs/src/tabs.styles.ts", "../../react-tabs/src/tabs.tsx"],
-  "sourcesContent": ["import type { AccessibilityProps, KeyboardHandlerMap } from '@refraction-ui/shared'\nimport { Keys, generateId } from '@refraction-ui/shared'\n\nexport interface TabsProps {\n  /** The active tab value (controlled) */\n  value?: string\n  /** The default active tab value (uncontrolled) */\n  defaultValue?: string\n  /** Callback when active tab changes */\n  onValueChange?: (value: string) => void\n  /** Orientation of the tab list */\n  orientation?: 'horizontal' | 'vertical'\n}\n\nexport interface TabsState {\n  activeValue: string\n}\n\nexport interface TabsAPI {\n  /** Current tabs state */\n  state: TabsState\n  /** ARIA attributes for the tab list */\n  listProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** Factory for individual tab trigger props */\n  getTabProps(value: string): Partial<AccessibilityProps> & Record<string, unknown>\n  /** Factory for individual tab panel props */\n  getPanelProps(value: string): Partial<AccessibilityProps> & Record<string, unknown>\n  /** Select a tab by value */\n  select(value: string): void\n  /** Keyboard handlers for the tab list */\n  keyboardHandlers: KeyboardHandlerMap\n  /** Generated ID prefix for aria linking */\n  idPrefix: string\n}\n\nexport function createTabs(props: TabsProps = {}): TabsAPI {\n  const {\n    value: controlledValue,\n    defaultValue = '',\n    onValueChange,\n    orientation = 'horizontal',\n  } = props\n\n  let uncontrolledValue = controlledValue ?? defaultValue\n  const idPrefix = generateId('rfr-tabs')\n\n  function getActiveValue(): string {\n    if (controlledValue !== undefined) return controlledValue\n    return uncontrolledValue\n  }\n\n  function select(value: string): void {\n    uncontrolledValue = value\n    onValueChange?.(value)\n  }\n\n  function getTabId(value: string): string {\n    return `${idPrefix}-tab-${value}`\n  }\n\n  function getPanelId(value: string): string {\n    return `${idPrefix}-panel-${value}`\n  }\n\n  function getTabProps(value: string): Partial<AccessibilityProps> & Record<string, unknown> {\n    const isSelected = getActiveValue() === value\n    return {\n      role: 'tab',\n      'aria-selected': isSelected,\n      'aria-controls': getPanelId(value),\n      tabIndex: isSelected ? 0 : -1,\n      id: getTabId(value),\n      'data-state': isSelected ? 'active' : 'inactive',\n    }\n  }\n\n  function getPanelProps(value: string): Partial<AccessibilityProps> & Record<string, unknown> {\n    const isSelected = getActiveValue() === value\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': getTabId(value),\n      id: getPanelId(value),\n      hidden: !isSelected || undefined,\n      tabIndex: 0,\n      'data-state': isSelected ? 'active' : 'inactive',\n    }\n  }\n\n  const listProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    role: 'tablist',\n    'aria-orientation': orientation,\n  }\n\n  const keyboardHandlers: KeyboardHandlerMap = orientation === 'horizontal'\n    ? {\n        [Keys.ArrowLeft]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.ArrowRight]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.Home]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.End]: (e) => {\n          e.preventDefault()\n        },\n      }\n    : {\n        [Keys.ArrowUp]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.ArrowDown]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.Home]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.End]: (e) => {\n          e.preventDefault()\n        },\n      }\n\n  return {\n    state: { activeValue: getActiveValue() },\n    listProps,\n    getTabProps,\n    getPanelProps,\n    select,\n    keyboardHandlers,\n    idPrefix,\n  }\n}\n\n/**\n * Roving-focus target for a key press inside a tab list (WAI-ARIA Tabs\n * pattern). Given the index of the focused tab among the ENABLED tabs, returns\n * the index to move to, or `null` when the key is not a navigation key for this\n * orientation. Arrow keys wrap; Home/End jump to the ends.\n */\nexport function getNextTabIndex(\n  current: number,\n  key: string,\n  count: number,\n  orientation: 'horizontal' | 'vertical' = 'horizontal',\n): number | null {\n  if (count === 0) return null\n  const prev = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp'\n  const next = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown'\n  switch (key) {\n    case next:\n      return current < 0 ? 0 : (current + 1) % count\n    case prev:\n      return current < 0 ? count - 1 : (current - 1 + count) % count\n    case 'Home':\n      return 0\n    case 'End':\n      return count - 1\n    default:\n      return null\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const tabsListVariants = cva({\n  base: 'inline-flex max-w-full overflow-x-auto items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',\n})\n\nexport const tabsTriggerVariants = cva({\n  base: 'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',\n})\n", "import * as React from 'react'\nimport {\n  createTabs,\n  getNextTabIndex,\n  tabsListVariants,\n  tabsTriggerVariants,\n  type TabsProps as CoreTabsProps,\n} from '@refraction-ui/tabs'\nimport { cn, createKeyboardHandler, Keys, devWarn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface TabsContextValue {\n  value: string\n  onValueChange: (value: string) => void\n  orientation: 'horizontal' | 'vertical'\n  idPrefix: string\n  /** Values that have a TabsContent, so triggers only reference real panels. */\n  panels: ReadonlySet<string>\n  registerPanel: (value: string) => () => void\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\nfunction useTabsContext(): TabsContextValue {\n  const ctx = React.useContext(TabsContext)\n  if (!ctx) {\n    devWarn(\n      'react-tabs/context-outside-provider',\n      'Tabs compound components (TabsList/TabsTrigger/TabsContent) must be rendered inside a <Tabs>. The missing TabsContext makes this throw.',\n    )\n    throw new Error('Tabs compound components must be used within <Tabs>')\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// Tabs (root provider)\n// ---------------------------------------------------------------------------\n\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  orientation?: 'horizontal' | 'vertical'\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(\n  function Tabs({ value: controlledValue, defaultValue = '', onValueChange, orientation = 'horizontal', className, children, ...props }: TabsProps, ref) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue)\n  const isControlled = controlledValue !== undefined\n  const value = isControlled ? controlledValue : uncontrolledValue\n\n  const handleValueChange = React.useCallback(\n    (next: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(next)\n      }\n      onValueChange?.(next)\n    },\n    [isControlled, onValueChange],\n  )\n\n  // Use the headless core to get stable IDs\n  const apiRef = React.useRef<ReturnType<typeof createTabs> | null>(null)\n  if (apiRef.current === null) {\n    apiRef.current = createTabs({ value, orientation })\n  }\n  const api = apiRef.current\n\n  const [panels, setPanels] = React.useState<ReadonlySet<string>>(() => new Set())\n  const registerPanel = React.useCallback((panelValue: string) => {\n    setPanels((prev) => (prev.has(panelValue) ? prev : new Set(prev).add(panelValue)))\n    return () =>\n      setPanels((prev) => {\n        if (!prev.has(panelValue)) return prev\n        const next = new Set(prev)\n        next.delete(panelValue)\n        return next\n      })\n  }, [])\n\n  // Panels found in the element tree cover the first/server render; mounted\n  // panels (possibly nested in custom components) register themselves.\n  const allPanels = React.useMemo(() => {\n    const found = new Set(panels)\n    collectPanelValues(children, found)\n    return found\n  }, [children, panels])\n\n  const ctx = React.useMemo<TabsContextValue>(\n    () => ({\n      value,\n      onValueChange: handleValueChange,\n      orientation,\n      idPrefix: api.idPrefix,\n      panels: allPanels,\n      registerPanel,\n    }),\n    [value, handleValueChange, orientation, api.idPrefix, allPanels, registerPanel],\n  )\n\n  return React.createElement(\n    'div',\n    { ref, className, 'data-orientation': orientation, ...props },\n    React.createElement(TabsContext.Provider, { value: ctx }, children),\n  )\n  },\n)\n\nfunction collectPanelValues(node: React.ReactNode, into: Set<string>): void {\n  React.Children.forEach(node, (child) => {\n    if (!React.isValidElement<{ value?: unknown; children?: React.ReactNode }>(child)) return\n    if (child.type === TabsContent && typeof child.props.value === 'string') {\n      into.add(child.props.value)\n      return\n    }\n    collectPanelValues(child.props.children, into)\n  })\n}\n\n// ---------------------------------------------------------------------------\n// TabsList\n// ---------------------------------------------------------------------------\n\nexport interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  function TabsList({ className, onKeyDown, ...props }, forwardedRef) {\n    const { orientation } = useTabsContext()\n    const listRef = React.useRef<HTMLDivElement | null>(null)\n    const ref = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        listRef.current = node\n        if (typeof forwardedRef === 'function') forwardedRef(node)\n        else if (forwardedRef) forwardedRef.current = node\n      },\n      [forwardedRef],\n    )\n\n    // Roving tabindex needs exactly one tab stop. A trigger only knows whether\n    // IT is selected, so when no enabled trigger matches the value (no\n    // defaultValue, or the selected tab is disabled) nothing would be\n    // tabbable; make the first enabled tab the stop in that case.\n    // This effect owns the final tabindex of every trigger (React leaves a\n    // DOM value alone while its prop is unchanged, so patching only the\n    // fallback would leave two tab stops after the next selection).\n    React.useEffect(() => {\n      const tabs = enabledTabs(listRef.current)\n      const stop = tabs.find((tab) => tab.getAttribute('aria-selected') === 'true') ?? tabs[0]\n      for (const tab of tabs) tab.tabIndex = tab === stop ? 0 : -1\n    })\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e)\n      if (e.defaultPrevented) return\n      const tabs = enabledTabs(listRef.current)\n      const current = tabs.indexOf(e.target as HTMLButtonElement)\n      if (current === -1) return\n      const next = getNextTabIndex(current, e.key, tabs.length, orientation)\n      if (next === null) return\n      e.preventDefault()\n      tabs[next].focus()\n      // Automatic activation: moving focus selects the tab.\n      tabs[next].click()\n    }\n\n    return React.createElement('div', {\n      ref,\n      role: 'tablist',\n      'aria-orientation': orientation,\n      className: cn(tabsListVariants(), className),\n      onKeyDown: handleKeyDown,\n      ...props,\n    })\n  },\n)\n\nfunction enabledTabs(list: HTMLElement | null): HTMLButtonElement[] {\n  if (!list) return []\n  return Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]:not([disabled])'))\n}\n\n// ---------------------------------------------------------------------------\n// TabsTrigger\n// ---------------------------------------------------------------------------\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string\n}\n\nexport const TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  function TabsTrigger({ value, className, onClick, onKeyDown, children, ...props }, ref) {\n    const { value: activeValue, onValueChange, idPrefix, panels } = useTabsContext()\n\n    const isSelected = activeValue === value\n    const tabId = `${idPrefix}-tab-${value}`\n    const panelId = `${idPrefix}-panel-${value}`\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onValueChange(value)\n      onClick?.(e)\n    }\n\n    // Arrow / Home / End navigation is handled by TabsList (roving focus);\n    // a consumer onKeyDown runs first and can preventDefault to opt out.\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(e)\n    }\n\n    return React.createElement(\n      'button',\n      {\n        ref,\n        type: 'button',\n        role: 'tab',\n        'aria-selected': isSelected,\n        // Only the selected panel is rendered; never reference a missing element.\n        'aria-controls': isSelected && panels.has(value) ? panelId : undefined,\n        tabIndex: isSelected ? 0 : -1,\n        id: tabId,\n        'data-state': isSelected ? 'active' : 'inactive',\n        className: cn(tabsTriggerVariants(), className),\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// TabsContent\n// ---------------------------------------------------------------------------\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string\n}\n\nexport const TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  function TabsContent({ value, className, children, ...props }, ref) {\n    const { value: activeValue, idPrefix, registerPanel } = useTabsContext()\n    React.useEffect(() => registerPanel(value), [registerPanel, value])\n\n    const isSelected = activeValue === value\n    const tabId = `${idPrefix}-tab-${value}`\n    const panelId = `${idPrefix}-panel-${value}`\n\n    if (!isSelected) return null\n\n    return React.createElement(\n      'div',\n      {\n        ref,\n        role: 'tabpanel',\n        'aria-labelledby': tabId,\n        id: panelId,\n        tabIndex: 0,\n        'data-state': 'active',\n        className,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { AccessibilityProps, KeyboardHandlerMap } from '@refraction-ui/shared'\nimport { Keys, generateId } from '@refraction-ui/shared'\n\nexport interface TabsProps {\n  /** The active tab value (controlled) */\n  value?: string\n  /** The default active tab value (uncontrolled) */\n  defaultValue?: string\n  /** Callback when active tab changes */\n  onValueChange?: (value: string) => void\n  /** Orientation of the tab list */\n  orientation?: 'horizontal' | 'vertical'\n}\n\nexport interface TabsState {\n  activeValue: string\n}\n\nexport interface TabsAPI {\n  /** Current tabs state */\n  state: TabsState\n  /** ARIA attributes for the tab list */\n  listProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** Factory for individual tab trigger props */\n  getTabProps(value: string): Partial<AccessibilityProps> & Record<string, unknown>\n  /** Factory for individual tab panel props */\n  getPanelProps(value: string): Partial<AccessibilityProps> & Record<string, unknown>\n  /** Select a tab by value */\n  select(value: string): void\n  /** Keyboard handlers for the tab list */\n  keyboardHandlers: KeyboardHandlerMap\n  /** Generated ID prefix for aria linking */\n  idPrefix: string\n}\n\nexport function createTabs(props: TabsProps = {}): TabsAPI {\n  const {\n    value: controlledValue,\n    defaultValue = '',\n    onValueChange,\n    orientation = 'horizontal',\n  } = props\n\n  let uncontrolledValue = controlledValue ?? defaultValue\n  const idPrefix = generateId('rfr-tabs')\n\n  function getActiveValue(): string {\n    if (controlledValue !== undefined) return controlledValue\n    return uncontrolledValue\n  }\n\n  function select(value: string): void {\n    uncontrolledValue = value\n    onValueChange?.(value)\n  }\n\n  function getTabId(value: string): string {\n    return `${idPrefix}-tab-${value}`\n  }\n\n  function getPanelId(value: string): string {\n    return `${idPrefix}-panel-${value}`\n  }\n\n  function getTabProps(value: string): Partial<AccessibilityProps> & Record<string, unknown> {\n    const isSelected = getActiveValue() === value\n    return {\n      role: 'tab',\n      'aria-selected': isSelected,\n      'aria-controls': getPanelId(value),\n      tabIndex: isSelected ? 0 : -1,\n      id: getTabId(value),\n      'data-state': isSelected ? 'active' : 'inactive',\n    }\n  }\n\n  function getPanelProps(value: string): Partial<AccessibilityProps> & Record<string, unknown> {\n    const isSelected = getActiveValue() === value\n    return {\n      role: 'tabpanel',\n      'aria-labelledby': getTabId(value),\n      id: getPanelId(value),\n      hidden: !isSelected || undefined,\n      tabIndex: 0,\n      'data-state': isSelected ? 'active' : 'inactive',\n    }\n  }\n\n  const listProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    role: 'tablist',\n    'aria-orientation': orientation,\n  }\n\n  const keyboardHandlers: KeyboardHandlerMap = orientation === 'horizontal'\n    ? {\n        [Keys.ArrowLeft]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.ArrowRight]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.Home]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.End]: (e) => {\n          e.preventDefault()\n        },\n      }\n    : {\n        [Keys.ArrowUp]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.ArrowDown]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.Home]: (e) => {\n          e.preventDefault()\n        },\n        [Keys.End]: (e) => {\n          e.preventDefault()\n        },\n      }\n\n  return {\n    state: { activeValue: getActiveValue() },\n    listProps,\n    getTabProps,\n    getPanelProps,\n    select,\n    keyboardHandlers,\n    idPrefix,\n  }\n}\n\n/**\n * Roving-focus target for a key press inside a tab list (WAI-ARIA Tabs\n * pattern). Given the index of the focused tab among the ENABLED tabs, returns\n * the index to move to, or `null` when the key is not a navigation key for this\n * orientation. Arrow keys wrap; Home/End jump to the ends.\n */\nexport function getNextTabIndex(\n  current: number,\n  key: string,\n  count: number,\n  orientation: 'horizontal' | 'vertical' = 'horizontal',\n): number | null {\n  if (count === 0) return null\n  const prev = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp'\n  const next = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown'\n  switch (key) {\n    case next:\n      return current < 0 ? 0 : (current + 1) % count\n    case prev:\n      return current < 0 ? count - 1 : (current - 1 + count) % count\n    case 'Home':\n      return 0\n    case 'End':\n      return count - 1\n    default:\n      return null\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const tabsListVariants = cva({\n  base: 'inline-flex max-w-full overflow-x-auto items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',\n})\n\nexport const tabsTriggerVariants = cva({\n  base: 'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',\n})\n", "import * as React from 'react'\nimport {\n  getNextTabIndex,\n  tabsListVariants,\n  tabsTriggerVariants,\n  type TabsProps as CoreTabsProps,\n} from '@refraction-ui/tabs'\nimport { cn, createKeyboardHandler, Keys, devWarn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface TabsContextValue {\n  value: string\n  onValueChange: (value: string) => void\n  orientation: 'horizontal' | 'vertical'\n  idPrefix: string\n  /** Values that have a TabsContent, so triggers only reference real panels. */\n  panels: ReadonlySet<string>\n  registerPanel: (value: string) => () => void\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\nfunction useTabsContext(): TabsContextValue {\n  const ctx = React.useContext(TabsContext)\n  if (!ctx) {\n    devWarn(\n      'react-tabs/context-outside-provider',\n      'Tabs compound components (TabsList/TabsTrigger/TabsContent) must be rendered inside a <Tabs>. The missing TabsContext makes this throw.',\n    )\n    throw new Error('Tabs compound components must be used within <Tabs>')\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// Tabs (root provider)\n// ---------------------------------------------------------------------------\n\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  orientation?: 'horizontal' | 'vertical'\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(\n  function Tabs({ value: controlledValue, defaultValue = '', onValueChange, orientation = 'horizontal', className, children, ...props }: TabsProps, ref) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue)\n  const isControlled = controlledValue !== undefined\n  const value = isControlled ? controlledValue : uncontrolledValue\n\n  const handleValueChange = React.useCallback(\n    (next: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(next)\n      }\n      onValueChange?.(next)\n    },\n    [isControlled, onValueChange],\n  )\n\n  // React IDs agree across SSR and hydration, unlike the core's process counter.\n  const idPrefix = `rfr-tabs-${React.useId()}`\n\n  const [panels, setPanels] = React.useState<ReadonlySet<string>>(() => new Set())\n  const registerPanel = React.useCallback((panelValue: string) => {\n    setPanels((prev) => (prev.has(panelValue) ? prev : new Set(prev).add(panelValue)))\n    return () =>\n      setPanels((prev) => {\n        if (!prev.has(panelValue)) return prev\n        const next = new Set(prev)\n        next.delete(panelValue)\n        return next\n      })\n  }, [])\n\n  // Panels found in the element tree cover the first/server render; mounted\n  // panels (possibly nested in custom components) register themselves.\n  const allPanels = React.useMemo(() => {\n    const found = new Set(panels)\n    collectPanelValues(children, found)\n    return found\n  }, [children, panels])\n\n  const ctx = React.useMemo<TabsContextValue>(\n    () => ({\n      value,\n      onValueChange: handleValueChange,\n      orientation,\n      idPrefix,\n      panels: allPanels,\n      registerPanel,\n    }),\n    [value, handleValueChange, orientation, idPrefix, allPanels, registerPanel],\n  )\n\n  return React.createElement(\n    'div',\n    { ref, className, 'data-orientation': orientation, ...props },\n    React.createElement(TabsContext.Provider, { value: ctx }, children),\n  )\n  },\n)\n\nfunction collectPanelValues(node: React.ReactNode, into: Set<string>): void {\n  React.Children.forEach(node, (child) => {\n    if (!React.isValidElement<{ value?: unknown; children?: React.ReactNode }>(child)) return\n    if (child.type === TabsContent && typeof child.props.value === 'string') {\n      into.add(child.props.value)\n      return\n    }\n    collectPanelValues(child.props.children, into)\n  })\n}\n\n// ---------------------------------------------------------------------------\n// TabsList\n// ---------------------------------------------------------------------------\n\nexport interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  function TabsList({ className, onKeyDown, ...props }, forwardedRef) {\n    const { orientation } = useTabsContext()\n    const listRef = React.useRef<HTMLDivElement | null>(null)\n    const ref = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        listRef.current = node\n        if (typeof forwardedRef === 'function') forwardedRef(node)\n        else if (forwardedRef) forwardedRef.current = node\n      },\n      [forwardedRef],\n    )\n\n    // Roving tabindex needs exactly one tab stop. A trigger only knows whether\n    // IT is selected, so when no enabled trigger matches the value (no\n    // defaultValue, or the selected tab is disabled) nothing would be\n    // tabbable; make the first enabled tab the stop in that case.\n    // This effect owns the final tabindex of every trigger (React leaves a\n    // DOM value alone while its prop is unchanged, so patching only the\n    // fallback would leave two tab stops after the next selection).\n    React.useEffect(() => {\n      const tabs = enabledTabs(listRef.current)\n      const stop = tabs.find((tab) => tab.getAttribute('aria-selected') === 'true') ?? tabs[0]\n      for (const tab of tabs) tab.tabIndex = tab === stop ? 0 : -1\n    })\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e)\n      if (e.defaultPrevented) return\n      const tabs = enabledTabs(listRef.current)\n      const current = tabs.indexOf(e.target as HTMLButtonElement)\n      if (current === -1) return\n      const next = getNextTabIndex(current, e.key, tabs.length, orientation)\n      if (next === null) return\n      e.preventDefault()\n      tabs[next].focus()\n      // Automatic activation: moving focus selects the tab.\n      tabs[next].click()\n    }\n\n    return React.createElement('div', {\n      ref,\n      role: 'tablist',\n      'aria-orientation': orientation,\n      className: cn(tabsListVariants(), className),\n      onKeyDown: handleKeyDown,\n      ...props,\n    })\n  },\n)\n\nfunction enabledTabs(list: HTMLElement | null): HTMLButtonElement[] {\n  if (!list) return []\n  return Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]:not([disabled])'))\n}\n\n// ---------------------------------------------------------------------------\n// TabsTrigger\n// ---------------------------------------------------------------------------\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string\n}\n\nexport const TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  function TabsTrigger({ value, className, onClick, onKeyDown, children, ...props }, ref) {\n    const { value: activeValue, onValueChange, idPrefix, panels } = useTabsContext()\n\n    const isSelected = activeValue === value\n    const tabId = `${idPrefix}-tab-${value}`\n    const panelId = `${idPrefix}-panel-${value}`\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onValueChange(value)\n      onClick?.(e)\n    }\n\n    // Arrow / Home / End navigation is handled by TabsList (roving focus);\n    // a consumer onKeyDown runs first and can preventDefault to opt out.\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(e)\n    }\n\n    return React.createElement(\n      'button',\n      {\n        ref,\n        type: 'button',\n        role: 'tab',\n        'aria-selected': isSelected,\n        // Only the selected panel is rendered; never reference a missing element.\n        'aria-controls': isSelected && panels.has(value) ? panelId : undefined,\n        tabIndex: isSelected ? 0 : -1,\n        id: tabId,\n        'data-state': isSelected ? 'active' : 'inactive',\n        className: cn(tabsTriggerVariants(), className),\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// TabsContent\n// ---------------------------------------------------------------------------\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string\n}\n\nexport const TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  function TabsContent({ value, className, children, ...props }, ref) {\n    const { value: activeValue, idPrefix, registerPanel } = useTabsContext()\n    React.useEffect(() => registerPanel(value), [registerPanel, value])\n\n    const isSelected = activeValue === value\n    const tabId = `${idPrefix}-tab-${value}`\n    const panelId = `${idPrefix}-panel-${value}`\n\n    if (!isSelected) return null\n\n    return React.createElement(\n      'div',\n      {\n        ref,\n        role: 'tabpanel',\n        'aria-labelledby': tabId,\n        id: panelId,\n        tabIndex: 0,\n        'data-state': 'active',\n        className,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n"],
+  "mappings": "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",
   "names": ["Tabs", "TabsList", "TabsTrigger", "TabsContent"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refraction-ui/react",
-  "version": "0.23.2",
+  "version": "0.23.3",
   "description": "All Refraction UI React components in one package — headless, accessible, zero-dependency",
   "type": "module",
   "main": "./dist/index.js",