@allxsmith/bestax-bulma 5.26.6 → 5.27.1

package/dist/esm/components/Tabs.js

@@ -0,0 +1,335 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { createContext, useEffect, useRef, useCallback, useState, useId, useContext } from 'react';
+import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';
+import { withSubComponents } from '../helpers/withSubComponents.js';
+import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
+import { warnDeprecatedColorProp } from '../helpers/colorDeprecations.js';
+import { Icon } from '../elements/Icon.js';
+
+const TabsContext = createContext(null);
+function useTabsContext() {
+    return useContext(TabsContext);
+}
+/**
+ * The tabs and panels currently mounted under one `Tabs`. Each registers from
+ * an effect and removes itself on cleanup, so the links between them only
+ * ever name elements that exist, wherever in the tree the panels sit.
+ */
+function useRegistry() {
+    const [records, setRecords] = useState([]);
+    const register = useCallback((record) => {
+        setRecords(prev => [...prev, record]);
+        return () => setRecords(prev => prev.filter(r => r !== record));
+    }, []);
+    return [records, register];
+}
+/**
+ * The list a tab belongs to: its `role="tablist"` ancestor, so an element
+ * wrapped around a tab doesn't cut it off from the others, or its parent when
+ * it sits outside a tab list.
+ */
+function tabListOf(tab) {
+    return (tab.closest('[role="tablist"]') ?? tab.parentElement);
+}
+/**
+ * The tab a key press moves focus to, found among the tabs of the same list
+ * in DOM order, skipping disabled ones and wrapping at either end.
+ * `undefined` for a key the tab list does not handle, or when no enabled tab
+ * is left to go to.
+ */
+function findTargetTab(current, key, vertical) {
+    const tabs = Array.from(tabListOf(current).querySelectorAll('[role="tab"]'));
+    const isEnabled = (el) => el.getAttribute('aria-disabled') !== 'true';
+    if (key === 'Home')
+        return tabs.find(isEnabled);
+    if (key === 'End')
+        return [...tabs].reverse().find(isEnabled);
+    let step;
+    if (key === 'ArrowRight' || (vertical && key === 'ArrowDown'))
+        step = 1;
+    else if (key === 'ArrowLeft' || (vertical && key === 'ArrowUp'))
+        step = -1;
+    else
+        return undefined;
+    const start = tabs.indexOf(current);
+    for (let i = 1; i <= tabs.length; i++) {
+        const candidate = tabs[(((start + step * i) % tabs.length) + tabs.length) % tabs.length];
+        if (isEnabled(candidate))
+            return candidate;
+    }
+    return undefined;
+}
+/**
+ * The `Tabs` component provides flexible and fully-featured Bulma tab navigation for your Bulma React UI.
+ *
+ * Built from `Tabs.Tab`, the tabs follow the WAI-ARIA tabs pattern with
+ * manual activation: the tab list is a single tab stop, the arrow keys, Home
+ * and End move focus between tabs (skipping disabled ones), and Enter or
+ * Space activates the focused tab. Each tab names its `Tabs.Content.Item` in
+ * `aria-controls`, and each panel names its tab in `aria-labelledby`. Built
+ * from `Tabs.Item` with links inside, the tabs stay plain Bulma navigation.
+ *
+ * @function
+ * @param {TabsProps} props - Props for the Tabs component.
+ * @returns {JSX.Element} The rendered tabs component.
+ * @see {@link https://bulma.io/documentation/components/tabs/ | Bulma Tabs documentation}
+ *
+ * @example
+ * // Basic tabs
+ * <Tabs>
+ *   <Tabs.List>
+ *     <Tabs.Tab index={0}>Pictures</Tabs.Tab>
+ *     <Tabs.Tab index={1}>Music</Tabs.Tab>
+ *   </Tabs.List>
+ *   <Tabs.Content>
+ *     <Tabs.Content.Item index={0}>Pictures content</Tabs.Content.Item>
+ *     <Tabs.Content.Item index={1}>Music content</Tabs.Content.Item>
+ *   </Tabs.Content>
+ * </Tabs>
+ */
+const TabsComponent = ({ align, size, isFullwidth, isFullWidth, fullwidth, boxed, toggle, rounded, color, value, onChange, defaultValue = 0, vertical, side, expanded, className, children, ...props }) => {
+    warnDeprecatedColorProp('Tabs', color, 'Remove the prop; no replacement exists.');
+    const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
+    // Controlled vs uncontrolled state
+    const isControlled = value !== undefined;
+    const [internalTab, setInternalTab] = useState(defaultValue);
+    const activeTab = isControlled ? value : internalTab;
+    const setActiveTab = useCallback((index) => {
+        if (!isControlled) {
+            setInternalTab(index);
+        }
+        onChange?.(index);
+    }, [isControlled, onChange]);
+    const baseId = useId();
+    const [tabs, registerTab] = useRegistry();
+    const [panels, registerPanel] = useRegistry();
+    const [focusedTab, setFocusedTab] = useState(null);
+    // One tab stop for the whole list (roving tabindex). While focus is inside
+    // the list the stop follows it, so Tab and Shift+Tab leave the list from
+    // whichever tab has focus; once focus leaves, the stop is the selected tab
+    // again. A disabled tab never holds it, and when the selected tab is
+    // disabled or missing the enabled tab with the lowest index does, so the
+    // list can always be reached. Before the tabs register (the server render
+    // and the first client render), the selected tab holds it. The registry is
+    // in the order the tabs last registered, which a tab changing its
+    // `disabled` or `id` reshuffles, hence the sort.
+    const enabledTabs = tabs
+        .filter(t => !t.disabled)
+        .sort((a, b) => a.index - b.index);
+    const canHoldStop = (index) => enabledTabs.some(t => t.index === index);
+    let tabStop;
+    if (canHoldStop(focusedTab))
+        tabStop = focusedTab;
+    else if (tabs.length === 0 || canHoldStop(activeTab))
+        tabStop = activeTab;
+    else
+        tabStop = enabledTabs.length > 0 ? enabledTabs[0].index : null;
+    // Check if children include TabsContent
+    const childArray = React.Children.toArray(children);
+    const hasContent = childArray.some(child => React.isValidElement(child) && child.type === TabsContent);
+    const contextValue = {
+        activeTab,
+        setActiveTab,
+        baseId,
+        tabStop,
+        setFocusedTab,
+        tabId: index => tabs.find(t => t.index === index)?.id,
+        panelId: index => panels.find(p => p.index === index)?.id,
+        registerTab,
+        registerPanel,
+        orientation: hasContent && vertical ? 'vertical' : 'horizontal',
+    };
+    // Build classes for the .tabs div
+    const tabsClasses = usePrefixedClassNames('tabs', {
+        [`is-${align}`]: align,
+        [`is-${size}`]: size,
+        [`is-${color}`]: color,
+        'is-fullwidth': isFullwidth ?? isFullWidth ?? fullwidth,
+        'is-boxed': boxed,
+        'is-toggle': toggle,
+        'is-toggle-rounded': rounded,
+    });
+    // Hoisted unconditionally to respect rules-of-hooks. Modifiers gate themselves
+    // via their truthy values — `tabs-root` is always prefixed, modifiers only
+    // apply in the vertical-with-content branch.
+    const rootClasses = usePrefixedClassNames('tabs-root', {
+        'is-vertical': hasContent && vertical,
+        'is-right': hasContent && vertical && side === 'right',
+        'is-expanded': hasContent && vertical && expanded,
+    });
+    if (hasContent && vertical) {
+        const combinedRootClasses = classNames(rootClasses, bulmaHelperClasses, className);
+        // Split children into list-like and content children
+        const listChildren = [];
+        const contentChildren = [];
+        childArray.forEach(child => {
+            if (React.isValidElement(child) && child.type === TabsContent) {
+                contentChildren.push(child);
+            }
+            else {
+                listChildren.push(child);
+            }
+        });
+        return (jsx(TabsContext.Provider, { value: contextValue, children: jsxs("div", { className: combinedRootClasses, ...rest, children: [jsx("div", { className: tabsClasses, children: listChildren }), contentChildren] }) }));
+    }
+    if (hasContent) {
+        const combinedRootClasses = classNames(rootClasses, bulmaHelperClasses, className);
+        const listChildren = [];
+        const contentChildren = [];
+        childArray.forEach(child => {
+            if (React.isValidElement(child) && child.type === TabsContent) {
+                contentChildren.push(child);
+            }
+            else {
+                listChildren.push(child);
+            }
+        });
+        return (jsx(TabsContext.Provider, { value: contextValue, children: jsxs("div", { className: combinedRootClasses, ...rest, children: [jsx("div", { className: tabsClasses, children: listChildren }), contentChildren] }) }));
+    }
+    // No content children — backward compatible single .tabs div
+    const combinedClasses = classNames(tabsClasses, bulmaHelperClasses, className);
+    return (jsx(TabsContext.Provider, { value: contextValue, children: jsx("div", { className: combinedClasses, ...rest, children: children }) }));
+};
+/**
+ * The `<ul>` container for tab items.
+ *
+ * @function
+ * @param {TabListProps} props - Props for the TabList component.
+ * @returns {JSX.Element} The rendered tab list.
+ */
+const TabList = ({ className, children, ...props }) => {
+    const ctx = useTabsContext();
+    return (jsx("ul", { role: "tablist", "aria-orientation": ctx?.orientation === 'vertical' ? 'vertical' : undefined, className: classNames(className) || undefined, ...props, children: children }));
+};
+/**
+ * Individual tab button. Consumes Tabs context for active state management.
+ * Renders `<a>` internally — consumers provide only the label text/children.
+ * Inside a `Tabs` it takes part in the tab list's keyboard support and links
+ * to the `Tabs.Content.Item` with the same `index`.
+ *
+ * @function
+ * @param {TabProps} props - Props for the Tab component.
+ * @returns {JSX.Element} The rendered tab.
+ */
+const Tab = ({ index, disabled, icon, iconLibrary, iconVariant, iconSize = 'small', iconFeatures, className, children, id, onKeyDown, onFocus, onBlur, ...props }) => {
+    const ctx = useTabsContext();
+    const isActive = ctx ? ctx.activeTab === index : false;
+    const anchorRef = useRef(null);
+    const activeClass = usePrefixedClassNames({ 'is-active': isActive });
+    const tabId = id ?? (ctx ? `${ctx.baseId}-tab-${index}` : undefined);
+    const registerTab = ctx?.registerTab;
+    useEffect(() => {
+        if (!registerTab || tabId === undefined)
+            return undefined;
+        return registerTab({ index, id: tabId, disabled: !!disabled });
+    }, [registerTab, index, tabId, disabled]);
+    // Outside a Tabs there is no list to rove, so every enabled tab stays in
+    // the page tab order, as it always did.
+    let tabIndex;
+    if (disabled)
+        tabIndex = -1;
+    else if (ctx)
+        tabIndex = ctx.tabStop === index ? 0 : -1;
+    else
+        tabIndex = 0;
+    const handleClick = useCallback((e) => {
+        e.preventDefault();
+        if (!disabled && ctx) {
+            ctx.setActiveTab(index);
+        }
+    }, [disabled, ctx, index]);
+    const handleKeyDown = (e) => {
+        onKeyDown?.(e);
+        // A key on something inside the tab is that element's to answer.
+        if (e.defaultPrevented ||
+            e.target !== e.currentTarget ||
+            e.altKey ||
+            e.ctrlKey ||
+            e.metaKey) {
+            return;
+        }
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            // Activate through a click on the inner <a>, the element a pointer
+            // clicks, so click listeners see keyboard activation the way they see
+            // a native button's.
+            anchorRef.current.click();
+            return;
+        }
+        const target = findTargetTab(e.currentTarget, e.key, ctx?.orientation === 'vertical');
+        if (target) {
+            e.preventDefault();
+            target.focus();
+        }
+    };
+    const handleFocus = (e) => {
+        onFocus?.(e);
+        ctx?.setFocusedTab(index);
+    };
+    const handleBlur = (e) => {
+        onBlur?.(e);
+        if (!tabListOf(e.currentTarget).contains(e.relatedTarget)) {
+            ctx?.setFocusedTab(null);
+        }
+    };
+    return (jsx("li", { className: classNames(activeClass, className) || undefined, role: "tab", id: tabId, "aria-selected": isActive, "aria-controls": ctx?.panelId(index), "aria-disabled": disabled || undefined, tabIndex: tabIndex, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, ...props, children: jsxs("a", { ref: anchorRef, onClick: handleClick, "aria-disabled": disabled || undefined, children: [icon && (jsx(Icon, { name: icon, library: iconLibrary, variant: iconVariant, size: iconSize, features: iconFeatures })), children && jsx("span", { children: children })] }) }));
+};
+/**
+ * Each tab; accepts `active`, `onClick`, etc.
+ *
+ * @function
+ * @param {TabItemProps} props - Props for the TabItem component.
+ * @returns {JSX.Element} The rendered tab item.
+ * @deprecated Use `Tabs.Tab` with an `index` prop instead.
+ */
+const TabItem = ({ active, className, children, onClick, ...props }) => (jsx("li", { className: classNames({ [usePrefixedClassNames('is-active')]: active }, className) ||
+        undefined, onClick: onClick, ...props, children: children }));
+/**
+ * Container for tab content panels. No custom props beyond `children` and standard `<div>` HTML attributes. Applies the `.tabs-content` class.
+ *
+ * @function
+ * @param {TabsContentProps} props - Props for the TabsContent component.
+ * @returns {JSX.Element} The rendered tabs content wrapper.
+ */
+const TabsContentComponent = ({ className, children, ...props }) => {
+    const contentClass = usePrefixedClassNames('tabs-content');
+    return (jsx("div", { className: classNames(contentClass, className), ...props, children: children }));
+};
+/**
+ * Individual content panel. Shows/hides based on active tab from context.
+ *
+ * @function
+ * @param {TabContentItemProps} props - Props for the TabContentItem component.
+ * @returns {JSX.Element} The rendered tab content panel.
+ */
+const TabContentItem = ({ index, className, children, id, ...props }) => {
+    const ctx = useTabsContext();
+    const isActive = ctx ? ctx.activeTab === index : false;
+    const itemClass = usePrefixedClassNames('tabs-content-item', {
+        'is-active': isActive,
+    });
+    const panelId = id ?? (ctx ? `${ctx.baseId}-panel-${index}` : undefined);
+    const registerPanel = ctx?.registerPanel;
+    useEffect(() => {
+        if (!registerPanel || panelId === undefined)
+            return undefined;
+        return registerPanel({ index, id: panelId });
+    }, [registerPanel, index, panelId]);
+    return (jsx("div", { className: classNames(itemClass, className), role: "tabpanel", id: panelId, "aria-labelledby": ctx?.tabId(index), "aria-hidden": !isActive, ...props, children: children }));
+};
+// ---------------------------------------------------------------------------
+// Static property attachment
+// ---------------------------------------------------------------------------
+const TabsContent = withSubComponents(TabsContentComponent, {
+    Item: TabContentItem,
+});
+const Tabs = withSubComponents(TabsComponent, {
+    List: TabList,
+    Tab,
+    Item: TabItem,
+    Content: TabsContent,
+}, 'Tabs');
+
+export { Tab, TabContentItem, TabItem, TabList, Tabs, TabsContent };
+//# sourceMappingURL=Tabs.js.map

package/dist/esm/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { warnDeprecatedColorProp } from '../helpers/colorDeprecations';\nimport { Icon } from '../elements/Icon';\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface TabRecord {\n  index: number;\n  id: string;\n  disabled: boolean;\n}\n\ninterface PanelRecord {\n  index: number;\n  id: string;\n}\n\ninterface TabsContextValue {\n  activeTab: number;\n  setActiveTab: (index: number) => void;\n  /** Prefix for the ids the tabs and panels generate. */\n  baseId: string;\n  /** The tab that holds `tabIndex={0}`, or `null` when every tab is disabled. */\n  tabStop: number | null;\n  /** Records which tab has focus, so the tab stop can follow it. */\n  setFocusedTab: (index: number | null) => void;\n  /** The id of the mounted tab for `index`, for its panel's `aria-labelledby`. */\n  tabId: (index: number) => string | undefined;\n  /** The id of the mounted panel for `index`, for its tab's `aria-controls`. */\n  panelId: (index: number) => string | undefined;\n  registerTab: (record: TabRecord) => () => void;\n  registerPanel: (record: PanelRecord) => () => void;\n  orientation: 'horizontal' | 'vertical';\n}\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nfunction useTabsContext(): TabsContextValue | null {\n  return useContext(TabsContext);\n}\n\n/**\n * The tabs and panels currently mounted under one `Tabs`. Each registers from\n * an effect and removes itself on cleanup, so the links between them only\n * ever name elements that exist, wherever in the tree the panels sit.\n */\nfunction useRegistry<T>(): [T[], (record: T) => () => void] {\n  const [records, setRecords] = useState<T[]>([]);\n  const register = useCallback((record: T) => {\n    setRecords(prev => [...prev, record]);\n    return () => setRecords(prev => prev.filter(r => r !== record));\n  }, []);\n  return [records, register];\n}\n\n/**\n * The list a tab belongs to: its `role=\"tablist\"` ancestor, so an element\n * wrapped around a tab doesn't cut it off from the others, or its parent when\n * it sits outside a tab list.\n */\nfunction tabListOf(tab: HTMLElement): HTMLElement {\n  return (tab.closest('[role=\"tablist\"]') ?? tab.parentElement) as HTMLElement;\n}\n\n/**\n * The tab a key press moves focus to, found among the tabs of the same list\n * in DOM order, skipping disabled ones and wrapping at either end.\n * `undefined` for a key the tab list does not handle, or when no enabled tab\n * is left to go to.\n */\nfunction findTargetTab(\n  current: HTMLElement,\n  key: string,\n  vertical: boolean\n): HTMLElement | undefined {\n  const tabs = Array.from(\n    tabListOf(current).querySelectorAll<HTMLElement>('[role=\"tab\"]')\n  );\n  const isEnabled = (el: HTMLElement) =>\n    el.getAttribute('aria-disabled') !== 'true';\n\n  if (key === 'Home') return tabs.find(isEnabled);\n  if (key === 'End') return [...tabs].reverse().find(isEnabled);\n\n  let step: number;\n  if (key === 'ArrowRight' || (vertical && key === 'ArrowDown')) step = 1;\n  else if (key === 'ArrowLeft' || (vertical && key === 'ArrowUp')) step = -1;\n  else return undefined;\n\n  const start = tabs.indexOf(current);\n  for (let i = 1; i <= tabs.length; i++) {\n    const candidate =\n      tabs[(((start + step * i) % tabs.length) + tabs.length) % tabs.length];\n    if (isEnabled(candidate)) return candidate;\n  }\n  return undefined;\n}\n\n// ---------------------------------------------------------------------------\n// Tabs (root)\n// ---------------------------------------------------------------------------\n\n/**\n * Props for the Tabs component.\n */\nexport interface TabsProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Tab alignment. */\n  align?: 'centered' | 'right' | 'left';\n  /** Tab size. */\n  size?: 'small' | 'medium' | 'large';\n  /** Tabs expand to fill the horizontal space. */\n  isFullwidth?: boolean;\n  /** Tabs expand to fill the horizontal space. @deprecated Use `isFullwidth` instead — `isFullwidth` wins if both are set. */\n  isFullWidth?: boolean;\n  /** Tabs expand to fill the horizontal space. @deprecated Use `isFullwidth` instead — `isFullwidth` wins if both are set. */\n  fullwidth?: boolean;\n  /** Tabs use the boxed style. */\n  boxed?: boolean;\n  /** Tabs use the toggle style. */\n  toggle?: boolean;\n  /** Tabs use the rounded toggle style (only with `toggle`). */\n  rounded?: boolean;\n  /**\n   * Bulma color for tab underlines and active state (renders `is-<color>`).\n   *\n   * Bulma ships no tabs color CSS, so this prop has never had a visual effect\n   * for any value. Passing it logs a console warning in development.\n   * @deprecated No `.tabs.is-<color>` CSS exists; the prop renders unstyled\n   * and will be removed in the next major version.\n   */\n  color?:\n    | 'primary'\n    | 'link'\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'black'\n    | 'dark'\n    | 'light'\n    | 'white';\n  /** Controlled active tab index. */\n  value?: number;\n  /**\n   * Callback when active tab changes. Called with the tab's `index` when a\n   * `Tabs.Tab` is activated: clicked, or Enter or Space pressed on it.\n   * Moving focus with the arrow keys, Home or End does not call it, because\n   * activation is manual: focus moves freely and the selected tab changes\n   * only when the user picks one.\n   */\n  onChange?: (index: number) => void;\n  /** Initial active tab index (uncontrolled). */\n  defaultValue?: number;\n  /**\n   * Renders tabs vertically. With a `Tabs.Content`, the tab list is also\n   * marked `aria-orientation=\"vertical\"` and ArrowUp and ArrowDown move focus\n   * between tabs, alongside ArrowLeft and ArrowRight (the layout stacks\n   * horizontally on mobile).\n   */\n  vertical?: boolean;\n  /** Side placement when `vertical` is true. */\n  side?: 'left' | 'right';\n  /** Makes tabs take up the full width equally. */\n  expanded?: boolean;\n  /** Additional CSS classes. */\n  className?: string;\n  /** Tab list and tab items. */\n  children?: React.ReactNode;\n}\n\n/**\n * The `Tabs` component provides flexible and fully-featured Bulma tab navigation for your Bulma React UI.\n *\n * Built from `Tabs.Tab`, the tabs follow the WAI-ARIA tabs pattern with\n * manual activation: the tab list is a single tab stop, the arrow keys, Home\n * and End move focus between tabs (skipping disabled ones), and Enter or\n * Space activates the focused tab. Each tab names its `Tabs.Content.Item` in\n * `aria-controls`, and each panel names its tab in `aria-labelledby`. Built\n * from `Tabs.Item` with links inside, the tabs stay plain Bulma navigation.\n *\n * @function\n * @param {TabsProps} props - Props for the Tabs component.\n * @returns {JSX.Element} The rendered tabs component.\n * @see {@link https://bulma.io/documentation/components/tabs/ | Bulma Tabs documentation}\n *\n * @example\n * // Basic tabs\n * <Tabs>\n *   <Tabs.List>\n *     <Tabs.Tab index={0}>Pictures</Tabs.Tab>\n *     <Tabs.Tab index={1}>Music</Tabs.Tab>\n *   </Tabs.List>\n *   <Tabs.Content>\n *     <Tabs.Content.Item index={0}>Pictures content</Tabs.Content.Item>\n *     <Tabs.Content.Item index={1}>Music content</Tabs.Content.Item>\n *   </Tabs.Content>\n * </Tabs>\n */\nconst TabsComponent: React.FC<TabsProps> = ({\n  align,\n  size,\n  isFullwidth,\n  isFullWidth,\n  fullwidth,\n  boxed,\n  toggle,\n  rounded,\n  color,\n  value,\n  onChange,\n  defaultValue = 0,\n  vertical,\n  side,\n  expanded,\n  className,\n  children,\n  ...props\n}) => {\n  warnDeprecatedColorProp(\n    'Tabs',\n    color,\n    'Remove the prop; no replacement exists.'\n  );\n\n  const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });\n\n  // Controlled vs uncontrolled state\n  const isControlled = value !== undefined;\n  const [internalTab, setInternalTab] = useState(defaultValue);\n  const activeTab = isControlled ? value : internalTab;\n\n  const setActiveTab = useCallback(\n    (index: number) => {\n      if (!isControlled) {\n        setInternalTab(index);\n      }\n      onChange?.(index);\n    },\n    [isControlled, onChange]\n  );\n\n  const baseId = useId();\n  const [tabs, registerTab] = useRegistry<TabRecord>();\n  const [panels, registerPanel] = useRegistry<PanelRecord>();\n  const [focusedTab, setFocusedTab] = useState<number | null>(null);\n\n  // One tab stop for the whole list (roving tabindex). While focus is inside\n  // the list the stop follows it, so Tab and Shift+Tab leave the list from\n  // whichever tab has focus; once focus leaves, the stop is the selected tab\n  // again. A disabled tab never holds it, and when the selected tab is\n  // disabled or missing the enabled tab with the lowest index does, so the\n  // list can always be reached. Before the tabs register (the server render\n  // and the first client render), the selected tab holds it. The registry is\n  // in the order the tabs last registered, which a tab changing its\n  // `disabled` or `id` reshuffles, hence the sort.\n  const enabledTabs = tabs\n    .filter(t => !t.disabled)\n    .sort((a, b) => a.index - b.index);\n  const canHoldStop = (index: number | null) =>\n    enabledTabs.some(t => t.index === index);\n  let tabStop: number | null;\n  if (canHoldStop(focusedTab)) tabStop = focusedTab;\n  else if (tabs.length === 0 || canHoldStop(activeTab)) tabStop = activeTab;\n  else tabStop = enabledTabs.length > 0 ? enabledTabs[0].index : null;\n\n  // Check if children include TabsContent\n  const childArray = React.Children.toArray(children);\n  const hasContent = childArray.some(\n    child => React.isValidElement(child) && child.type === TabsContent\n  );\n\n  const contextValue: TabsContextValue = {\n    activeTab,\n    setActiveTab,\n    baseId,\n    tabStop,\n    setFocusedTab,\n    tabId: index => tabs.find(t => t.index === index)?.id,\n    panelId: index => panels.find(p => p.index === index)?.id,\n    registerTab,\n    registerPanel,\n    orientation: hasContent && vertical ? 'vertical' : 'horizontal',\n  };\n\n  // Build classes for the .tabs div\n  const tabsClasses = usePrefixedClassNames('tabs', {\n    [`is-${align}`]: align,\n    [`is-${size}`]: size,\n    [`is-${color}`]: color,\n    'is-fullwidth': isFullwidth ?? isFullWidth ?? fullwidth,\n    'is-boxed': boxed,\n    'is-toggle': toggle,\n    'is-toggle-rounded': rounded,\n  });\n\n  // Hoisted unconditionally to respect rules-of-hooks. Modifiers gate themselves\n  // via their truthy values — `tabs-root` is always prefixed, modifiers only\n  // apply in the vertical-with-content branch.\n  const rootClasses = usePrefixedClassNames('tabs-root', {\n    'is-vertical': hasContent && vertical,\n    'is-right': hasContent && vertical && side === 'right',\n    'is-expanded': hasContent && vertical && expanded,\n  });\n\n  if (hasContent && vertical) {\n    const combinedRootClasses = classNames(\n      rootClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    // Split children into list-like and content children\n    const listChildren: React.ReactNode[] = [];\n    const contentChildren: React.ReactNode[] = [];\n    childArray.forEach(child => {\n      if (React.isValidElement(child) && child.type === TabsContent) {\n        contentChildren.push(child);\n      } else {\n        listChildren.push(child);\n      }\n    });\n\n    return (\n      <TabsContext.Provider value={contextValue}>\n        <div className={combinedRootClasses} {...rest}>\n          <div className={tabsClasses}>{listChildren}</div>\n          {contentChildren}\n        </div>\n      </TabsContext.Provider>\n    );\n  }\n\n  if (hasContent) {\n    const combinedRootClasses = classNames(\n      rootClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    const listChildren: React.ReactNode[] = [];\n    const contentChildren: React.ReactNode[] = [];\n    childArray.forEach(child => {\n      if (React.isValidElement(child) && child.type === TabsContent) {\n        contentChildren.push(child);\n      } else {\n        listChildren.push(child);\n      }\n    });\n\n    return (\n      <TabsContext.Provider value={contextValue}>\n        <div className={combinedRootClasses} {...rest}>\n          <div className={tabsClasses}>{listChildren}</div>\n          {contentChildren}\n        </div>\n      </TabsContext.Provider>\n    );\n  }\n\n  // No content children — backward compatible single .tabs div\n  const combinedClasses = classNames(\n    tabsClasses,\n    bulmaHelperClasses,\n    className\n  );\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      <div className={combinedClasses} {...rest}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// TabList\n// ---------------------------------------------------------------------------\n\n/**\n * Props for the TabList component.\n */\nexport interface TabListProps extends React.HTMLAttributes<HTMLUListElement> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Tab elements. */\n  children?: React.ReactNode;\n}\n\n/**\n * The `<ul>` container for tab items.\n *\n * @function\n * @param {TabListProps} props - Props for the TabList component.\n * @returns {JSX.Element} The rendered tab list.\n */\nexport const TabList: React.FC<TabListProps> = ({\n  className,\n  children,\n  ...props\n}) => {\n  const ctx = useTabsContext();\n  return (\n    <ul\n      role=\"tablist\"\n      aria-orientation={\n        ctx?.orientation === 'vertical' ? 'vertical' : undefined\n      }\n      className={classNames(className) || undefined}\n      {...props}\n    >\n      {children}\n    </ul>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Tab (new — context-aware)\n// ---------------------------------------------------------------------------\n\ntype IconLibrary = 'fa' | 'mdi' | 'ion' | 'material-icons' | 'material-symbols';\n\n/**\n * Props for the Tab component.\n * @extraProp {string} [id] - The tab's id, which its panel names in `aria-labelledby`. Generated inside a `Tabs` when omitted; a passed `id` is used and the panel follows it.\n * @extraProp {React.KeyboardEventHandler<HTMLLIElement>} [onKeyDown] - Called before the tab handles the key; call `event.preventDefault()` to stop the tab handling it.\n */\nexport interface TabProps extends Omit<\n  React.LiHTMLAttributes<HTMLLIElement>,\n  'onClick'\n> {\n  /** **Required.** Tab index for matching with content. */\n  index: number;\n  /**\n   * Disables the tab. A disabled tab is marked `aria-disabled`, cannot be\n   * activated, is skipped by the arrow keys, Home and End, and never holds\n   * the tab list's tab stop. The bestax extras styles also dim it and turn\n   * off its hover.\n   */\n  disabled?: boolean;\n  /** Icon name for the tab. */\n  icon?: string;\n  /** Icon library to use. */\n  iconLibrary?: IconLibrary;\n  /** Icon style variant (e.g., 'solid', 'outlined', 'rounded'). */\n  iconVariant?: string;\n  /** Size of the tab icon. */\n  iconSize?: 'small' | 'medium' | 'large';\n  /** Additional icon modifiers. */\n  iconFeatures?: string | string[];\n  /** Additional CSS classes. */\n  className?: string;\n  /** Tab label content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Individual tab button. Consumes Tabs context for active state management.\n * Renders `<a>` internally — consumers provide only the label text/children.\n * Inside a `Tabs` it takes part in the tab list's keyboard support and links\n * to the `Tabs.Content.Item` with the same `index`.\n *\n * @function\n * @param {TabProps} props - Props for the Tab component.\n * @returns {JSX.Element} The rendered tab.\n */\nexport const Tab: React.FC<TabProps> = ({\n  index,\n  disabled,\n  icon,\n  iconLibrary,\n  iconVariant,\n  iconSize = 'small',\n  iconFeatures,\n  className,\n  children,\n  id,\n  onKeyDown,\n  onFocus,\n  onBlur,\n  ...props\n}) => {\n  const ctx = useTabsContext();\n  const isActive = ctx ? ctx.activeTab === index : false;\n  const anchorRef = useRef<HTMLAnchorElement>(null);\n\n  const activeClass = usePrefixedClassNames({ 'is-active': isActive });\n\n  const tabId = id ?? (ctx ? `${ctx.baseId}-tab-${index}` : undefined);\n  const registerTab = ctx?.registerTab;\n  useEffect(() => {\n    if (!registerTab || tabId === undefined) return undefined;\n    return registerTab({ index, id: tabId, disabled: !!disabled });\n  }, [registerTab, index, tabId, disabled]);\n\n  // Outside a Tabs there is no list to rove, so every enabled tab stays in\n  // the page tab order, as it always did.\n  let tabIndex: number;\n  if (disabled) tabIndex = -1;\n  else if (ctx) tabIndex = ctx.tabStop === index ? 0 : -1;\n  else tabIndex = 0;\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      if (!disabled && ctx) {\n        ctx.setActiveTab(index);\n      }\n    },\n    [disabled, ctx, index]\n  );\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLLIElement>) => {\n    onKeyDown?.(e);\n    // A key on something inside the tab is that element's to answer.\n    if (\n      e.defaultPrevented ||\n      e.target !== e.currentTarget ||\n      e.altKey ||\n      e.ctrlKey ||\n      e.metaKey\n    ) {\n      return;\n    }\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      // Activate through a click on the inner <a>, the element a pointer\n      // clicks, so click listeners see keyboard activation the way they see\n      // a native button's.\n      (anchorRef.current as HTMLAnchorElement).click();\n      return;\n    }\n    const target = findTargetTab(\n      e.currentTarget,\n      e.key,\n      ctx?.orientation === 'vertical'\n    );\n    if (target) {\n      e.preventDefault();\n      target.focus();\n    }\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLLIElement>) => {\n    onFocus?.(e);\n    ctx?.setFocusedTab(index);\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLLIElement>) => {\n    onBlur?.(e);\n    if (!tabListOf(e.currentTarget).contains(e.relatedTarget)) {\n      ctx?.setFocusedTab(null);\n    }\n  };\n\n  return (\n    <li\n      className={classNames(activeClass, className) || undefined}\n      role=\"tab\"\n      id={tabId}\n      aria-selected={isActive}\n      aria-controls={ctx?.panelId(index)}\n      aria-disabled={disabled || undefined}\n      tabIndex={tabIndex}\n      onKeyDown={handleKeyDown}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      {...props}\n    >\n      <a\n        ref={anchorRef}\n        onClick={handleClick}\n        aria-disabled={disabled || undefined}\n      >\n        {icon && (\n          <Icon\n            name={icon}\n            library={iconLibrary}\n            variant={iconVariant}\n            size={iconSize}\n            features={iconFeatures}\n          />\n        )}\n        {children && <span>{children}</span>}\n      </a>\n    </li>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// TabItem (backward-compatible — no context)\n// ---------------------------------------------------------------------------\n\n/**\n * Props for the TabItem component (backward-compatible).\n */\nexport interface TabItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  /** Whether the tab is active. */\n  active?: boolean;\n  /** Additional CSS classes. */\n  className?: string;\n  /** Tab content. */\n  children?: React.ReactNode;\n  /** Click handler. */\n  onClick?: React.MouseEventHandler<HTMLLIElement>;\n}\n\n/**\n * Each tab; accepts `active`, `onClick`, etc.\n *\n * @function\n * @param {TabItemProps} props - Props for the TabItem component.\n * @returns {JSX.Element} The rendered tab item.\n * @deprecated Use `Tabs.Tab` with an `index` prop instead.\n */\nexport const TabItem: React.FC<TabItemProps> = ({\n  active,\n  className,\n  children,\n  onClick,\n  ...props\n}) => (\n  <li\n    className={\n      classNames({ [usePrefixedClassNames('is-active')]: active }, className) ||\n      undefined\n    }\n    onClick={onClick}\n    {...props}\n  >\n    {children}\n  </li>\n);\n\n// ---------------------------------------------------------------------------\n// TabsContent\n// ---------------------------------------------------------------------------\n\n/**\n * Props for the TabsContent component.\n */\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** TabContentItem elements. */\n  children?: React.ReactNode;\n}\n\n/**\n * Container for tab content panels. No custom props beyond `children` and standard `<div>` HTML attributes. Applies the `.tabs-content` class.\n *\n * @function\n * @param {TabsContentProps} props - Props for the TabsContent component.\n * @returns {JSX.Element} The rendered tabs content wrapper.\n */\nconst TabsContentComponent: React.FC<TabsContentProps> = ({\n  className,\n  children,\n  ...props\n}) => {\n  const contentClass = usePrefixedClassNames('tabs-content');\n  return (\n    <div className={classNames(contentClass, className)} {...props}>\n      {children}\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// TabContentItem\n// ---------------------------------------------------------------------------\n\n/**\n * Props for the TabContentItem component.\n * @extraProp {string} [id] - The panel's id, which its tab names in `aria-controls`. Generated inside a `Tabs` when omitted; a passed `id` is used and the tab follows it.\n * @extraProp {number} [tabIndex] - The panel is not focusable by default. Pass `0` when it holds nothing focusable, so Tab moves from the tab list into it.\n */\nexport interface TabContentItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** **Required.** Tab index for matching with content. */\n  index: number;\n  /** Additional CSS classes. */\n  className?: string;\n  /** Panel content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Individual content panel. Shows/hides based on active tab from context.\n *\n * @function\n * @param {TabContentItemProps} props - Props for the TabContentItem component.\n * @returns {JSX.Element} The rendered tab content panel.\n */\nexport const TabContentItem: React.FC<TabContentItemProps> = ({\n  index,\n  className,\n  children,\n  id,\n  ...props\n}) => {\n  const ctx = useTabsContext();\n  const isActive = ctx ? ctx.activeTab === index : false;\n\n  const itemClass = usePrefixedClassNames('tabs-content-item', {\n    'is-active': isActive,\n  });\n\n  const panelId = id ?? (ctx ? `${ctx.baseId}-panel-${index}` : undefined);\n  const registerPanel = ctx?.registerPanel;\n  useEffect(() => {\n    if (!registerPanel || panelId === undefined) return undefined;\n    return registerPanel({ index, id: panelId });\n  }, [registerPanel, index, panelId]);\n\n  return (\n    <div\n      className={classNames(itemClass, className)}\n      role=\"tabpanel\"\n      id={panelId}\n      aria-labelledby={ctx?.tabId(index)}\n      aria-hidden={!isActive}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Static property attachment\n// ---------------------------------------------------------------------------\n\nexport const TabsContent = withSubComponents(TabsContentComponent, {\n  Item: TabContentItem,\n});\n\nexport const Tabs = withSubComponents(\n  TabsComponent,\n  {\n    List: TabList,\n    Tab,\n    Item: TabItem,\n    Content: TabsContent,\n  },\n  'Tabs'\n);\n\nexport default Tabs;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}