@allxsmith/bestax-bulma 5.26.6 → 5.27.1

package/dist/esm/components/Carousel.js

@@ -0,0 +1,351 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useRef, useState, Children, isValidElement, useEffect, useCallback, cloneElement } from 'react';
+import { classNames, usePrefixedClassNames, prefixedClassNames } from '../helpers/classNames.js';
+import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
+import { useClassPrefix } from '../helpers/Config.js';
+import { getActiveElementInTree } from '../helpers/shadowDom.js';
+import { Icon } from '../elements/Icon.js';
+import { Button } from '../elements/Button.js';
+
+/**
+ * Individual carousel item/slide.
+ *
+ * @function
+ * @param {CarouselItemProps} props - Props for the CarouselItem component.
+ * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the carousel item element.
+ * @returns {JSX.Element} The rendered carousel item.
+ */
+const CarouselItem = forwardRef(({ active, className, children, ...props }, ref) => {
+    const itemClasses = classNames(usePrefixedClassNames('carousel-item', { 'is-active': active }), className);
+    return (jsx("div", { ref: ref, className: itemClasses, ...props, children: children }));
+});
+CarouselItem.displayName = 'CarouselItem';
+/**
+ * Default SVG icon for the previous arrow button.
+ *
+ * @function
+ * @returns {JSX.Element} The rendered SVG chevron-left icon.
+ */
+const DefaultPrevIcon = () => (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("polyline", { points: "15 18 9 12 15 6" }) }));
+/**
+ * Default SVG icon for the next arrow button.
+ *
+ * @function
+ * @returns {JSX.Element} The rendered SVG chevron-right icon.
+ */
+const DefaultNextIcon = () => (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("polyline", { points: "9 18 15 12 9 6" }) }));
+/**
+ * The `Carousel` component provides an image/content slider with navigation arrows and indicators.
+ *
+ * @function
+ * @param {CarouselProps} props - Props for the Carousel component.
+ * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the carousel element.
+ * @returns {JSX.Element} The rendered carousel component.
+ *
+ * @example
+ * // Basic carousel
+ * <Carousel>
+ *   <CarouselItem>Slide 1</CarouselItem>
+ *   <CarouselItem>Slide 2</CarouselItem>
+ *   <CarouselItem>Slide 3</CarouselItem>
+ * </Carousel>
+ *
+ * @example
+ * // Auto-playing carousel
+ * <Carousel autoplay interval={3000}>
+ *   <CarouselItem>
+ *     <img src="image1.jpg" alt="Slide 1" />
+ *   </CarouselItem>
+ *   <CarouselItem>
+ *     <img src="image2.jpg" alt="Slide 2" />
+ *   </CarouselItem>
+ * </Carousel>
+ */
+const Carousel = forwardRef(({ value: controlledValue, autoplay = false, interval = 5000, pauseOnHover = true, repeat = true, hasDrag = true, arrow = true, arrowHover = false, indicator = true, indicatorInside = false, indicatorPosition = 'bottom', indicatorStyle = 'dots', iconPrev, iconNext, iconLibrary, iconVariant, iconSize, iconFeatures, arrowBackground = true, arrowColor, ariaLabel = 'Image carousel', onChange, className, children, ...props }, ref) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses(props);
+    const carouselRef = useRef(null);
+    // Cleanup returned by a consumer's callback ref on attach, held until detach.
+    const consumerCleanupRef = useRef(null);
+    const containerRef = useRef(null);
+    const [internalValue, setInternalValue] = useState(0);
+    const [isPaused, setIsPaused] = useState(false);
+    const [isDragging, setIsDragging] = useState(false);
+    const [dragStart, setDragStart] = useState(0);
+    const [dragOffset, setDragOffset] = useState(0);
+    const [isWrapping, setIsWrapping] = useState(false);
+    const [displayIndex, setDisplayIndex] = useState(0);
+    const [skipTransition, setSkipTransition] = useState(false);
+    // Get valid children
+    const items = Children.toArray(children).filter(isValidElement);
+    const itemCount = items.length;
+    // Use controlled or internal value
+    const activeIndex = controlledValue !== undefined ? controlledValue : internalValue;
+    // Sync displayIndex when controlled value changes externally. Intentional
+    // external-prop sync that must not run mid-wrap animation; covered by tests
+    // and certified in-browser.
+    useEffect(() => {
+        if (controlledValue !== undefined && !isWrapping) {
+            // eslint-disable-next-line react-hooks/set-state-in-effect -- syncing to controlled prop
+            setDisplayIndex(controlledValue);
+        }
+    }, [controlledValue, isWrapping]);
+    // Update active index
+    const setActiveIndex = useCallback((index, syncDisplay = true) => {
+        let newIndex = index;
+        if (repeat) {
+            if (index < 0) {
+                newIndex = itemCount - 1;
+            }
+            else if (index >= itemCount) {
+                newIndex = 0;
+            }
+        }
+        else {
+            newIndex = Math.max(0, Math.min(index, itemCount - 1));
+        }
+        if (controlledValue === undefined) {
+            setInternalValue(newIndex);
+        }
+        if (syncDisplay) {
+            setDisplayIndex(newIndex);
+        }
+        onChange?.(newIndex);
+    }, [controlledValue, itemCount, repeat, onChange]);
+    // Navigation handlers
+    const goToPrev = useCallback(() => {
+        if (activeIndex === 0 && repeat && itemCount > 1) {
+            // Animate to clone of last slide (position -1)
+            setDisplayIndex(-1);
+            setIsWrapping(true);
+        }
+        else {
+            setActiveIndex(activeIndex - 1);
+        }
+    }, [activeIndex, repeat, itemCount, setActiveIndex]);
+    const goToNext = useCallback(() => {
+        if (activeIndex === itemCount - 1 && repeat && itemCount > 1) {
+            // Animate to clone of first slide (position itemCount)
+            setDisplayIndex(itemCount);
+            setIsWrapping(true);
+        }
+        else {
+            setActiveIndex(activeIndex + 1);
+        }
+    }, [activeIndex, itemCount, repeat, setActiveIndex]);
+    const goToSlide = useCallback((index) => {
+        setIsWrapping(false);
+        setActiveIndex(index);
+    }, [setActiveIndex]);
+    // Auto-play
+    useEffect(() => {
+        if (!autoplay || isPaused || itemCount <= 1)
+            return undefined;
+        const timer = setInterval(() => {
+            goToNext();
+        }, interval);
+        return () => clearInterval(timer);
+    }, [autoplay, isPaused, interval, goToNext, itemCount]);
+    // Pause on hover
+    const handleMouseEnter = useCallback(() => {
+        if (pauseOnHover) {
+            setIsPaused(true);
+        }
+    }, [pauseOnHover]);
+    const handleMouseLeave = useCallback(() => {
+        if (pauseOnHover) {
+            setIsPaused(false);
+        }
+    }, [pauseOnHover]);
+    // Drag handlers
+    const handleDragStart = useCallback((clientX) => {
+        if (!hasDrag)
+            return;
+        setIsDragging(true);
+        setDragStart(clientX);
+        setDragOffset(0);
+    }, [hasDrag]);
+    const handleDragMove = useCallback((clientX) => {
+        if (!isDragging)
+            return;
+        setDragOffset(clientX - dragStart);
+    }, [isDragging, dragStart]);
+    const handleDragEnd = useCallback(() => {
+        if (!isDragging)
+            return;
+        setIsDragging(false);
+        const threshold = 50;
+        if (dragOffset < -threshold) {
+            goToNext();
+        }
+        else if (dragOffset > threshold) {
+            goToPrev();
+        }
+        setDragOffset(0);
+    }, [isDragging, dragOffset, goToNext, goToPrev]);
+    // Mouse events
+    const handleMouseDown = useCallback((e) => {
+        e.preventDefault();
+        handleDragStart(e.clientX);
+    }, [handleDragStart]);
+    const handleMouseMove = useCallback((e) => {
+        handleDragMove(e.clientX);
+    }, [handleDragMove]);
+    const handleMouseUp = useCallback(() => {
+        handleDragEnd();
+    }, [handleDragEnd]);
+    // Touch events
+    const handleTouchStart = useCallback((e) => {
+        handleDragStart(e.touches[0].clientX);
+    }, [handleDragStart]);
+    const handleTouchMove = useCallback((e) => {
+        handleDragMove(e.touches[0].clientX);
+    }, [handleDragMove]);
+    const handleTouchEnd = useCallback(() => {
+        handleDragEnd();
+    }, [handleDragEnd]);
+    // Keyboard navigation
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            const node = carouselRef.current;
+            if (!node?.contains(getActiveElementInTree(node)))
+                return;
+            switch (e.key) {
+                case 'ArrowLeft':
+                    e.preventDefault();
+                    goToPrev();
+                    break;
+                case 'ArrowRight':
+                    e.preventDefault();
+                    goToNext();
+                    break;
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [goToPrev, goToNext]);
+    // Handle wrap-around transition end
+    const handleTransitionEnd = useCallback(() => {
+        if (isWrapping) {
+            // Skip transition for the instant snap
+            setSkipTransition(true);
+            setIsWrapping(false);
+            if (displayIndex === itemCount) {
+                // Was at clone of first slide, snap to real first slide
+                setActiveIndex(0, false);
+                setDisplayIndex(0);
+            }
+            else if (displayIndex === -1) {
+                // Was at clone of last slide, snap to real last slide
+                setActiveIndex(itemCount - 1, false);
+                setDisplayIndex(itemCount - 1);
+            }
+            // Re-enable transition after the snap
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    setSkipTransition(false);
+                });
+            });
+        }
+    }, [isWrapping, displayIndex, itemCount, setActiveIndex]);
+    // Combined ref
+    const combinedRef = useCallback((node) => {
+        carouselRef.current =
+            node;
+        if (typeof ref === 'function') {
+            // React 19 lets a callback ref return a cleanup function and detaches by
+            // running it instead of calling the ref with `null`; React 18 discards the
+            // return value entirely. Returning it from here would be a React-19-only
+            // contract, so we hold the cleanup and run it ourselves on detach — the
+            // same shape as `Dropdown`, `Modal`, `Dialog`, `Sidebar` and `Toast`.
+            // The form controls that merge a forwarded ref still discard the cleanup
+            // and detach with `ref(null)`, so this is not yet library-wide — grep
+            // `typeof ref === 'function'` for the current split.
+            if (node === null) {
+                const consumerCleanup = consumerCleanupRef.current;
+                consumerCleanupRef.current = null;
+                if (consumerCleanup) {
+                    consumerCleanup();
+                }
+                else {
+                    ref(null);
+                }
+                return;
+            }
+            const cleanup = ref(node);
+            consumerCleanupRef.current =
+                typeof cleanup === 'function' ? cleanup : null;
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [ref]);
+    // Can navigate
+    const canGoPrev = repeat || activeIndex > 0;
+    const canGoNext = repeat || activeIndex < itemCount - 1;
+    // Generate classes
+    const carouselClasses = usePrefixedClassNames('carousel', {
+        'is-overlay': indicatorInside,
+        'has-arrow-hover': arrowHover,
+        [`is-indicator-${indicatorStyle}`]: indicatorStyle !== 'dots',
+        [`is-arrow-${arrowColor}`]: !!arrowColor,
+    });
+    const classPrefix = useClassPrefix();
+    const carouselContainerClass = usePrefixedClassNames('carousel-container');
+    const carouselSlidesClass = usePrefixedClassNames('carousel-slides');
+    const carouselArrowPrevClass = usePrefixedClassNames('carousel-arrow', 'is-prev', { 'is-transparent': !arrowBackground });
+    const carouselArrowNextClass = usePrefixedClassNames('carousel-arrow', 'is-next', { 'is-transparent': !arrowBackground });
+    const carouselIndicatorClass = usePrefixedClassNames('carousel-indicator', {
+        'is-inside': indicatorInside,
+        'is-top': indicatorPosition === 'top',
+    });
+    const combinedClasses = classNames(carouselClasses, bulmaHelperClasses, className);
+    // Render slides with active state (includes clones for infinite loop)
+    const renderSlides = () => {
+        const slides = items.map((item, index) => {
+            if (isValidElement(item)) {
+                return cloneElement(item, {
+                    key: index,
+                    active: index === activeIndex,
+                });
+            }
+            return item;
+        });
+        // Add clones for seamless infinite loop when repeat is enabled
+        if (repeat && itemCount > 1) {
+            const lastItem = items[itemCount - 1];
+            const firstItem = items[0];
+            const lastClone = isValidElement(lastItem)
+                ? cloneElement(lastItem, {
+                    key: 'clone-last',
+                    active: false,
+                })
+                : null;
+            const firstClone = isValidElement(firstItem)
+                ? cloneElement(firstItem, {
+                    key: 'clone-first',
+                    active: false,
+                })
+                : null;
+            return [lastClone, ...slides, firstClone];
+        }
+        return slides;
+    };
+    return (jsxs("div", { ref: combinedRef, className: combinedClasses, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, role: "region", "aria-roledescription": "carousel", "aria-label": ariaLabel, ...rest, children: [jsxs("div", { ref: containerRef, className: carouselContainerClass, onMouseDown: hasDrag ? handleMouseDown : undefined, onMouseMove: hasDrag && isDragging ? handleMouseMove : undefined, onMouseUp: hasDrag ? handleMouseUp : undefined, onMouseLeave: hasDrag ? handleMouseUp : undefined, onTouchStart: hasDrag ? handleTouchStart : undefined, onTouchMove: hasDrag ? handleTouchMove : undefined, onTouchEnd: hasDrag ? handleTouchEnd : undefined, style: {
+                    transform: isDragging ? `translateX(${dragOffset}px)` : undefined,
+                    cursor: hasDrag ? (isDragging ? 'grabbing' : 'grab') : undefined,
+                }, children: [jsx("div", { className: carouselSlidesClass, style: {
+                            // When repeat is enabled, account for the prepended clone (+1 offset)
+                            transform: `translateX(-${(repeat && itemCount > 1 ? displayIndex + 1 : displayIndex) * 100}%)`,
+                            // Disable transition during drag or instant snap after wrap-around
+                            transition: isDragging || skipTransition
+                                ? 'none'
+                                : 'transform 0.3s ease-in-out',
+                        }, onTransitionEnd: handleTransitionEnd, children: renderSlides() }), arrow && itemCount > 1 && (jsxs(Fragment, { children: [jsx(Button, { type: "button", className: carouselArrowPrevClass, onClick: goToPrev, isDisabled: !canGoPrev, "aria-label": "Previous slide", children: iconPrev ? (jsx(Icon, { name: iconPrev, library: iconLibrary, variant: iconVariant, size: iconSize, features: iconFeatures })) : (jsx(DefaultPrevIcon, {})) }), jsx(Button, { type: "button", className: carouselArrowNextClass, onClick: goToNext, isDisabled: !canGoNext, "aria-label": "Next slide", children: iconNext ? (jsx(Icon, { name: iconNext, library: iconLibrary, variant: iconVariant, size: iconSize, features: iconFeatures })) : (jsx(DefaultNextIcon, {})) })] }))] }), indicator && itemCount > 1 && (jsx("div", { className: carouselIndicatorClass, role: "tablist", children: items.map((_, index) => (jsx(Button, { type: "button", className: prefixedClassNames(classPrefix, 'indicator-item', {
+                        'is-active': index === activeIndex,
+                    }), onClick: () => goToSlide(index), role: "tab", "aria-selected": index === activeIndex, "aria-label": `Go to slide ${index + 1}` }, index))) }))] }));
+});
+Carousel.displayName = 'Carousel';
+
+export { Carousel, CarouselItem };
+//# sourceMappingURL=Carousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../../src/components/Carousel.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  Children,\n  isValidElement,\n  cloneElement,\n} from 'react';\nimport {\n  classNames,\n  prefixedClassNames,\n  usePrefixedClassNames,\n} from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { useClassPrefix } from '../helpers/Config';\nimport { getActiveElementInTree } from '../helpers/shadowDom';\nimport { Icon } from '../elements/Icon';\nimport { Button } from '../elements/Button';\n\n/**\n * Props for the CarouselItem component.\n */\nexport interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Whether this item is active (set automatically). */\n  active?: boolean;\n}\n\n/**\n * Individual carousel item/slide.\n *\n * @function\n * @param {CarouselItemProps} props - Props for the CarouselItem component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the carousel item element.\n * @returns {JSX.Element} The rendered carousel item.\n */\nexport const CarouselItem = forwardRef<HTMLDivElement, CarouselItemProps>(\n  ({ active, className, children, ...props }, ref) => {\n    const itemClasses = classNames(\n      usePrefixedClassNames('carousel-item', { 'is-active': active }),\n      className\n    );\n\n    return (\n      <div ref={ref} className={itemClasses} {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\nCarouselItem.displayName = 'CarouselItem';\n\ntype IconLibrary = 'fa' | 'mdi' | 'ion' | 'material-icons' | 'material-symbols';\n\n/**\n * Default SVG icon for the previous arrow button.\n *\n * @function\n * @returns {JSX.Element} The rendered SVG chevron-left icon.\n */\nconst DefaultPrevIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n  >\n    <polyline points=\"15 18 9 12 15 6\" />\n  </svg>\n);\n\n/**\n * Default SVG icon for the next arrow button.\n *\n * @function\n * @returns {JSX.Element} The rendered SVG chevron-right icon.\n */\nconst DefaultNextIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n  >\n    <polyline points=\"9 18 15 12 9 6\" />\n  </svg>\n);\n\n/**\n * Props for the Carousel component.\n * @extraProp {string} [className] - Additional CSS classes.\n * @extraProp {React.Ref<HTMLElement>} [ref] - Ref forwarded to the carousel element.\n */\nexport interface CarouselProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'>,\n    BulmaClassesProps {\n  /**\n   * Current active slide index (controlled).\n   * @defaultValue 0\n   */\n  value?: number;\n  /** Enable auto-play. */\n  autoplay?: boolean;\n  /** Auto-play interval in milliseconds. Default: 5000. */\n  interval?: number;\n  /** Pause auto-play on hover. Default: true. */\n  pauseOnHover?: boolean;\n  /** Loop back to first slide after last. Default: true. */\n  repeat?: boolean;\n  /** Enable drag/swipe navigation. Default: true. */\n  hasDrag?: boolean;\n  /**\n   * Show navigation arrows. Default: true. They render `type=\"button\"`, so a\n   * carousel inside a form is not submitted by moving between slides.\n   */\n  arrow?: boolean;\n  /** Only show arrows on hover. */\n  arrowHover?: boolean;\n  /**\n   * Show slide indicators. Default: true. They render `type=\"button\"`, so a\n   * carousel inside a form is not submitted by picking a slide.\n   */\n  indicator?: boolean;\n  /** Position indicators inside carousel. */\n  indicatorInside?: boolean;\n  /** Indicator position. Default: 'bottom'. */\n  indicatorPosition?: 'bottom' | 'top';\n  /** Indicator style. Default: 'dots'. */\n  indicatorStyle?: 'circles' | 'dots' | 'lines' | 'bars';\n  /** Icon name for the previous arrow button. */\n  iconPrev?: string;\n  /** Icon name for the next arrow button. */\n  iconNext?: string;\n  /** Icon library to use. */\n  iconLibrary?: IconLibrary;\n  /** Icon style variant (e.g., 'solid', 'outlined'). */\n  iconVariant?: string;\n  /** Icon size modifier. */\n  iconSize?: 'small' | 'medium' | 'large';\n  /** Additional icon modifiers. */\n  iconFeatures?: string | string[];\n  /** Show semi-transparent background on arrow buttons. Set to `false` for icon-only arrows. */\n  arrowBackground?: boolean;\n  /** Color theme for navigation arrows. */\n  arrowColor?: 'light' | 'dark';\n  /** Accessible label for the carousel region. Default: 'Image carousel'. */\n  ariaLabel?: string;\n  /** Callback when slide changes. */\n  onChange?: (value: number) => void;\n  /** CarouselItem children. */\n  children?: React.ReactNode;\n}\n\n/**\n * The `Carousel` component provides an image/content slider with navigation arrows and indicators.\n *\n * @function\n * @param {CarouselProps} props - Props for the Carousel component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the carousel element.\n * @returns {JSX.Element} The rendered carousel component.\n *\n * @example\n * // Basic carousel\n * <Carousel>\n *   <CarouselItem>Slide 1</CarouselItem>\n *   <CarouselItem>Slide 2</CarouselItem>\n *   <CarouselItem>Slide 3</CarouselItem>\n * </Carousel>\n *\n * @example\n * // Auto-playing carousel\n * <Carousel autoplay interval={3000}>\n *   <CarouselItem>\n *     <img src=\"image1.jpg\" alt=\"Slide 1\" />\n *   </CarouselItem>\n *   <CarouselItem>\n *     <img src=\"image2.jpg\" alt=\"Slide 2\" />\n *   </CarouselItem>\n * </Carousel>\n */\nexport const Carousel = forwardRef<HTMLDivElement, CarouselProps>(\n  (\n    {\n      value: controlledValue,\n      autoplay = false,\n      interval = 5000,\n      pauseOnHover = true,\n      repeat = true,\n      hasDrag = true,\n      arrow = true,\n      arrowHover = false,\n      indicator = true,\n      indicatorInside = false,\n      indicatorPosition = 'bottom',\n      indicatorStyle = 'dots',\n      iconPrev,\n      iconNext,\n      iconLibrary,\n      iconVariant,\n      iconSize,\n      iconFeatures,\n      arrowBackground = true,\n      arrowColor,\n      ariaLabel = 'Image carousel',\n      onChange,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n    const carouselRef = useRef<HTMLDivElement>(null);\n    // Cleanup returned by a consumer's callback ref on attach, held until detach.\n    const consumerCleanupRef = useRef<(() => void) | null>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const [internalValue, setInternalValue] = useState(0);\n    const [isPaused, setIsPaused] = useState(false);\n    const [isDragging, setIsDragging] = useState(false);\n    const [dragStart, setDragStart] = useState(0);\n    const [dragOffset, setDragOffset] = useState(0);\n    const [isWrapping, setIsWrapping] = useState(false);\n    const [displayIndex, setDisplayIndex] = useState(0);\n    const [skipTransition, setSkipTransition] = useState(false);\n\n    // Get valid children\n    const items = Children.toArray(children).filter(isValidElement);\n    const itemCount = items.length;\n\n    // Use controlled or internal value\n    const activeIndex =\n      controlledValue !== undefined ? controlledValue : internalValue;\n\n    // Sync displayIndex when controlled value changes externally. Intentional\n    // external-prop sync that must not run mid-wrap animation; covered by tests\n    // and certified in-browser.\n    useEffect(() => {\n      if (controlledValue !== undefined && !isWrapping) {\n        // eslint-disable-next-line react-hooks/set-state-in-effect -- syncing to controlled prop\n        setDisplayIndex(controlledValue);\n      }\n    }, [controlledValue, isWrapping]);\n\n    // Update active index\n    const setActiveIndex = useCallback(\n      (index: number, syncDisplay = true) => {\n        let newIndex = index;\n\n        if (repeat) {\n          if (index < 0) {\n            newIndex = itemCount - 1;\n          } else if (index >= itemCount) {\n            newIndex = 0;\n          }\n        } else {\n          newIndex = Math.max(0, Math.min(index, itemCount - 1));\n        }\n\n        if (controlledValue === undefined) {\n          setInternalValue(newIndex);\n        }\n        if (syncDisplay) {\n          setDisplayIndex(newIndex);\n        }\n        onChange?.(newIndex);\n      },\n      [controlledValue, itemCount, repeat, onChange]\n    );\n\n    // Navigation handlers\n    const goToPrev = useCallback(() => {\n      if (activeIndex === 0 && repeat && itemCount > 1) {\n        // Animate to clone of last slide (position -1)\n        setDisplayIndex(-1);\n        setIsWrapping(true);\n      } else {\n        setActiveIndex(activeIndex - 1);\n      }\n    }, [activeIndex, repeat, itemCount, setActiveIndex]);\n\n    const goToNext = useCallback(() => {\n      if (activeIndex === itemCount - 1 && repeat && itemCount > 1) {\n        // Animate to clone of first slide (position itemCount)\n        setDisplayIndex(itemCount);\n        setIsWrapping(true);\n      } else {\n        setActiveIndex(activeIndex + 1);\n      }\n    }, [activeIndex, itemCount, repeat, setActiveIndex]);\n\n    const goToSlide = useCallback(\n      (index: number) => {\n        setIsWrapping(false);\n        setActiveIndex(index);\n      },\n      [setActiveIndex]\n    );\n\n    // Auto-play\n    useEffect(() => {\n      if (!autoplay || isPaused || itemCount <= 1) return undefined;\n\n      const timer = setInterval(() => {\n        goToNext();\n      }, interval);\n\n      return () => clearInterval(timer);\n    }, [autoplay, isPaused, interval, goToNext, itemCount]);\n\n    // Pause on hover\n    const handleMouseEnter = useCallback(() => {\n      if (pauseOnHover) {\n        setIsPaused(true);\n      }\n    }, [pauseOnHover]);\n\n    const handleMouseLeave = useCallback(() => {\n      if (pauseOnHover) {\n        setIsPaused(false);\n      }\n    }, [pauseOnHover]);\n\n    // Drag handlers\n    const handleDragStart = useCallback(\n      (clientX: number) => {\n        if (!hasDrag) return;\n        setIsDragging(true);\n        setDragStart(clientX);\n        setDragOffset(0);\n      },\n      [hasDrag]\n    );\n\n    const handleDragMove = useCallback(\n      (clientX: number) => {\n        if (!isDragging) return;\n        setDragOffset(clientX - dragStart);\n      },\n      [isDragging, dragStart]\n    );\n\n    const handleDragEnd = useCallback(() => {\n      if (!isDragging) return;\n      setIsDragging(false);\n\n      const threshold = 50;\n      if (dragOffset < -threshold) {\n        goToNext();\n      } else if (dragOffset > threshold) {\n        goToPrev();\n      }\n\n      setDragOffset(0);\n    }, [isDragging, dragOffset, goToNext, goToPrev]);\n\n    // Mouse events\n    const handleMouseDown = useCallback(\n      (e: React.MouseEvent) => {\n        e.preventDefault();\n        handleDragStart(e.clientX);\n      },\n      [handleDragStart]\n    );\n\n    const handleMouseMove = useCallback(\n      (e: React.MouseEvent) => {\n        handleDragMove(e.clientX);\n      },\n      [handleDragMove]\n    );\n\n    const handleMouseUp = useCallback(() => {\n      handleDragEnd();\n    }, [handleDragEnd]);\n\n    // Touch events\n    const handleTouchStart = useCallback(\n      (e: React.TouchEvent) => {\n        handleDragStart(e.touches[0].clientX);\n      },\n      [handleDragStart]\n    );\n\n    const handleTouchMove = useCallback(\n      (e: React.TouchEvent) => {\n        handleDragMove(e.touches[0].clientX);\n      },\n      [handleDragMove]\n    );\n\n    const handleTouchEnd = useCallback(() => {\n      handleDragEnd();\n    }, [handleDragEnd]);\n\n    // Keyboard navigation\n    useEffect(() => {\n      const handleKeyDown = (e: KeyboardEvent) => {\n        const node = carouselRef.current;\n        if (!node?.contains(getActiveElementInTree(node))) return;\n\n        switch (e.key) {\n          case 'ArrowLeft':\n            e.preventDefault();\n            goToPrev();\n            break;\n          case 'ArrowRight':\n            e.preventDefault();\n            goToNext();\n            break;\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [goToPrev, goToNext]);\n\n    // Handle wrap-around transition end\n    const handleTransitionEnd = useCallback(() => {\n      if (isWrapping) {\n        // Skip transition for the instant snap\n        setSkipTransition(true);\n        setIsWrapping(false);\n\n        if (displayIndex === itemCount) {\n          // Was at clone of first slide, snap to real first slide\n          setActiveIndex(0, false);\n          setDisplayIndex(0);\n        } else if (displayIndex === -1) {\n          // Was at clone of last slide, snap to real last slide\n          setActiveIndex(itemCount - 1, false);\n          setDisplayIndex(itemCount - 1);\n        }\n\n        // Re-enable transition after the snap\n        requestAnimationFrame(() => {\n          requestAnimationFrame(() => {\n            setSkipTransition(false);\n          });\n        });\n      }\n    }, [isWrapping, displayIndex, itemCount, setActiveIndex]);\n\n    // Combined ref\n    const combinedRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        (carouselRef as React.MutableRefObject<HTMLDivElement | null>).current =\n          node;\n        if (typeof ref === 'function') {\n          // React 19 lets a callback ref return a cleanup function and detaches by\n          // running it instead of calling the ref with `null`; React 18 discards the\n          // return value entirely. Returning it from here would be a React-19-only\n          // contract, so we hold the cleanup and run it ourselves on detach — the\n          // same shape as `Dropdown`, `Modal`, `Dialog`, `Sidebar` and `Toast`.\n          // The form controls that merge a forwarded ref still discard the cleanup\n          // and detach with `ref(null)`, so this is not yet library-wide — grep\n          // `typeof ref === 'function'` for the current split.\n          if (node === null) {\n            const consumerCleanup = consumerCleanupRef.current;\n            consumerCleanupRef.current = null;\n            if (consumerCleanup) {\n              consumerCleanup();\n            } else {\n              ref(null);\n            }\n            return;\n          }\n          const cleanup: unknown = ref(node);\n          consumerCleanupRef.current =\n            typeof cleanup === 'function' ? (cleanup as () => void) : null;\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [ref]\n    );\n\n    // Can navigate\n    const canGoPrev = repeat || activeIndex > 0;\n    const canGoNext = repeat || activeIndex < itemCount - 1;\n\n    // Generate classes\n    const carouselClasses = usePrefixedClassNames('carousel', {\n      'is-overlay': indicatorInside,\n      'has-arrow-hover': arrowHover,\n      [`is-indicator-${indicatorStyle}`]: indicatorStyle !== 'dots',\n      [`is-arrow-${arrowColor}`]: !!arrowColor,\n    });\n    const classPrefix = useClassPrefix();\n    const carouselContainerClass = usePrefixedClassNames('carousel-container');\n    const carouselSlidesClass = usePrefixedClassNames('carousel-slides');\n    const carouselArrowPrevClass = usePrefixedClassNames(\n      'carousel-arrow',\n      'is-prev',\n      { 'is-transparent': !arrowBackground }\n    );\n    const carouselArrowNextClass = usePrefixedClassNames(\n      'carousel-arrow',\n      'is-next',\n      { 'is-transparent': !arrowBackground }\n    );\n    const carouselIndicatorClass = usePrefixedClassNames('carousel-indicator', {\n      'is-inside': indicatorInside,\n      'is-top': indicatorPosition === 'top',\n    });\n\n    const combinedClasses = classNames(\n      carouselClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    // Render slides with active state (includes clones for infinite loop)\n    const renderSlides = () => {\n      const slides = items.map((item, index) => {\n        if (isValidElement<CarouselItemProps>(item)) {\n          return cloneElement(item, {\n            key: index,\n            active: index === activeIndex,\n          });\n        }\n        return item;\n      });\n\n      // Add clones for seamless infinite loop when repeat is enabled\n      if (repeat && itemCount > 1) {\n        const lastItem = items[itemCount - 1];\n        const firstItem = items[0];\n\n        const lastClone = isValidElement<CarouselItemProps>(lastItem)\n          ? cloneElement(lastItem as React.ReactElement<CarouselItemProps>, {\n              key: 'clone-last',\n              active: false,\n            })\n          : null;\n\n        const firstClone = isValidElement<CarouselItemProps>(firstItem)\n          ? cloneElement(firstItem as React.ReactElement<CarouselItemProps>, {\n              key: 'clone-first',\n              active: false,\n            })\n          : null;\n\n        return [lastClone, ...slides, firstClone];\n      }\n\n      return slides;\n    };\n\n    return (\n      <div\n        ref={combinedRef}\n        className={combinedClasses}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        aria-label={ariaLabel}\n        {...rest}\n      >\n        <div\n          ref={containerRef}\n          className={carouselContainerClass}\n          onMouseDown={hasDrag ? handleMouseDown : undefined}\n          onMouseMove={hasDrag && isDragging ? handleMouseMove : undefined}\n          onMouseUp={hasDrag ? handleMouseUp : undefined}\n          onMouseLeave={hasDrag ? handleMouseUp : undefined}\n          onTouchStart={hasDrag ? handleTouchStart : undefined}\n          onTouchMove={hasDrag ? handleTouchMove : undefined}\n          onTouchEnd={hasDrag ? handleTouchEnd : undefined}\n          style={{\n            transform: isDragging ? `translateX(${dragOffset}px)` : undefined,\n            cursor: hasDrag ? (isDragging ? 'grabbing' : 'grab') : undefined,\n          }}\n        >\n          <div\n            className={carouselSlidesClass}\n            style={{\n              // When repeat is enabled, account for the prepended clone (+1 offset)\n              transform: `translateX(-${(repeat && itemCount > 1 ? displayIndex + 1 : displayIndex) * 100}%)`,\n              // Disable transition during drag or instant snap after wrap-around\n              transition:\n                isDragging || skipTransition\n                  ? 'none'\n                  : 'transform 0.3s ease-in-out',\n            }}\n            onTransitionEnd={handleTransitionEnd}\n          >\n            {renderSlides()}\n          </div>\n          {arrow && itemCount > 1 && (\n            <>\n              <Button\n                type=\"button\"\n                className={carouselArrowPrevClass}\n                onClick={goToPrev}\n                isDisabled={!canGoPrev}\n                aria-label=\"Previous slide\"\n              >\n                {iconPrev ? (\n                  <Icon\n                    name={iconPrev}\n                    library={iconLibrary}\n                    variant={iconVariant}\n                    size={iconSize}\n                    features={iconFeatures}\n                  />\n                ) : (\n                  <DefaultPrevIcon />\n                )}\n              </Button>\n              <Button\n                type=\"button\"\n                className={carouselArrowNextClass}\n                onClick={goToNext}\n                isDisabled={!canGoNext}\n                aria-label=\"Next slide\"\n              >\n                {iconNext ? (\n                  <Icon\n                    name={iconNext}\n                    library={iconLibrary}\n                    variant={iconVariant}\n                    size={iconSize}\n                    features={iconFeatures}\n                  />\n                ) : (\n                  <DefaultNextIcon />\n                )}\n              </Button>\n            </>\n          )}\n        </div>\n\n        {indicator && itemCount > 1 && (\n          <div className={carouselIndicatorClass} role=\"tablist\">\n            {items.map((_, index) => (\n              <Button\n                key={index}\n                type=\"button\"\n                className={prefixedClassNames(classPrefix, 'indicator-item', {\n                  'is-active': index === activeIndex,\n                })}\n                onClick={() => goToSlide(index)}\n                role=\"tab\"\n                aria-selected={index === activeIndex}\n                aria-label={`Go to slide ${index + 1}`}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nCarousel.displayName = 'Carousel';\n\nexport default Carousel;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/Collapse.js

@@ -0,0 +1,193 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRef, useContext, useState, useId, useEffect, useCallback } from 'react';
+import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';
+import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
+import { warnOnce } from '../helpers/devWarnings.js';
+import { inertProps } from '../helpers/inertProps.js';
+import { CollapsesItemContext } from './collapsesContext.js';
+
+/**
+ * The `Collapse` component provides an expandable/collapsible content panel.
+ *
+ * @function
+ * @param {CollapseProps} props - Props for the Collapse component.
+ * @returns {JSX.Element} The rendered collapse component.
+ *
+ * @example
+ * // Basic uncontrolled collapse
+ * <Collapse trigger={<button>Click to toggle</button>}>
+ *   <p>Collapsible content here</p>
+ * </Collapse>
+ *
+ * @example
+ * // Controlled collapse, driven by its own trigger
+ * const [isOpen, setIsOpen] = useState(false);
+ * <Collapse open={isOpen} onOpenChange={setIsOpen} trigger={<strong>Toggle</strong>}>
+ *   <p>Content</p>
+ * </Collapse>
+ *
+ * @example
+ * // With callbacks
+ * <Collapse
+ *   trigger={<button>Toggle</button>}
+ *   onOpen={() => console.log('Opened!')}
+ *   onClose={() => console.log('Closed!')}
+ * >
+ *   <p>Content</p>
+ * </Collapse>
+ */
+const Collapse = ({ open: controlledOpen, defaultOpen = false, onOpen, onClose, onOpenChange, trigger, animation = 'fade', position = 'top', ariaId, bordered, children, className, triggerClassName, contentClassName, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses(props);
+    const contentRef = useRef(null);
+    // Three possible owners of the open state, in order: the caller when `open`
+    // is set, an enclosing Collapses group, and this Collapse itself. A caller's
+    // `open` wins over the group, which is how the group leaves such an item
+    // alone.
+    const isControlled = controlledOpen !== undefined;
+    const group = useContext(CollapsesItemContext);
+    const groupItem = isControlled ? null : group;
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isOpen = controlledOpen ?? groupItem?.open ?? internalOpen;
+    // A group owns the state of the items it manages, so these props do
+    // nothing there. That is easy to miss, so development says which ones and
+    // what to use instead, once per combination (the way Avatar keys its
+    // warning), and `warnOnce` keeps production silent.
+    if (groupItem) {
+        const ignored = [
+            defaultOpen && 'defaultOpen',
+            onOpen && 'onOpen',
+            onClose && 'onClose',
+        ].filter((name) => Boolean(name));
+        if (ignored.length > 0) {
+            const callbacks = ignored.filter(name => name !== 'defaultOpen');
+            warnOnce(`Collapse:ignored-in-Collapses:${ignored.join('+')}`, `[bestax-bulma] <Collapse ${ignored.join(' ')}> inside <Collapses>: ` +
+                [
+                    ignored.includes('defaultOpen') &&
+                        `defaultOpen has no effect, because the group decides which ` +
+                            `items start open. Pass the item's index in the group's ` +
+                            `defaultValue instead.`,
+                    callbacks.length > 0 &&
+                        `${callbacks.join(' and ')} never fire${callbacks.length > 1 ? '' : 's'}, ` +
+                            `because the group holds the item's open state. Use the ` +
+                            `item's onOpenChange, or the group's onChange, instead.`,
+                ]
+                    .filter(Boolean)
+                    .join(' '));
+        }
+    }
+    // Start from the resolved state rather than `defaultOpen`, so an item that
+    // mounts open through `open` or a group is not first painted (or rendered
+    // on the server) at height 0 under the slide animation.
+    const [height, setHeight] = useState(isOpen ? 'auto' : 0);
+    // Generate unique ID for accessibility (useId is SSR-safe and stable across
+    // renders; works in React 18 and 19).
+    const generatedId = useId();
+    const uniqueId = ariaId || generatedId;
+    // Update height when open state changes (for 'slide' animation)
+    useEffect(() => {
+        if (!contentRef.current)
+            return undefined;
+        if (animation !== 'slide')
+            return undefined;
+        if (isOpen) {
+            // Opening: set height to content's scrollHeight
+            const contentHeight = contentRef.current.scrollHeight;
+            setHeight(contentHeight);
+            // After animation completes, set to auto for dynamic content
+            const timer = setTimeout(() => {
+                setHeight('auto');
+            }, 300); // Match CSS transition duration
+            return () => clearTimeout(timer);
+        }
+        else {
+            // Closing: first set to current height, then to 0
+            if (height === 'auto') {
+                // Read scrollHeight and offsetHeight to capture the current size and
+                // force a layout flush, then schedule the height transition to 0.
+                // (Reading offsetHeight after assignment is the standard reflow trick;
+                // assigning into a state setter avoids a bare expression statement.)
+                const currentHeight = contentRef.current.scrollHeight;
+                const reflowHeight = contentRef.current.offsetHeight;
+                setHeight(Math.max(currentHeight, reflowHeight));
+                requestAnimationFrame(() => {
+                    setHeight(0);
+                });
+            }
+            else {
+                setHeight(0);
+            }
+        }
+        return undefined;
+        // `height` is read here but is an output of this effect; re-running when it
+        // changes would re-trigger the open/close animation, so it's intentionally
+        // excluded from the deps.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isOpen, animation]);
+    // The trigger reports in every mode, then changes only the state this
+    // Collapse owns. `onOpen`/`onClose` belong to that last case alone.
+    const handleToggle = useCallback(() => {
+        const next = !isOpen;
+        onOpenChange?.(next);
+        if (isControlled)
+            return;
+        if (groupItem) {
+            groupItem.setOpen(next);
+            return;
+        }
+        setInternalOpen(next);
+        if (next) {
+            onOpen?.();
+        }
+        else {
+            onClose?.();
+        }
+    }, [isOpen, isControlled, groupItem, onOpenChange, onOpen, onClose]);
+    // Handle keyboard interaction
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            handleToggle();
+        }
+    }, [handleToggle]);
+    // Generate Bulma classes
+    const collapseClasses = usePrefixedClassNames('collapse', {
+        'is-active': isOpen,
+        'is-bordered': bordered,
+    });
+    const combinedClasses = classNames(collapseClasses, bulmaHelperClasses, className);
+    const combinedTriggerClasses = classNames(usePrefixedClassNames('collapse-trigger'), triggerClassName);
+    const combinedContentClasses = classNames(usePrefixedClassNames('collapse-content', {
+        'is-active': isOpen,
+    }), contentClassName);
+    // Content wrapper styles based on animation type
+    let contentWrapperStyle;
+    if (animation === 'slide') {
+        contentWrapperStyle = {
+            height: height === 'auto' ? 'auto' : `${height}px`,
+            overflow: 'hidden',
+            transition: 'height 0.3s ease-in-out',
+        };
+    }
+    else if (animation === 'fade') {
+        contentWrapperStyle = {
+            opacity: isOpen ? 1 : 0,
+            overflow: 'hidden',
+            height: isOpen ? 'auto' : 0,
+            transition: 'opacity 0.3s ease-in-out',
+        };
+    }
+    else {
+        contentWrapperStyle = {
+            display: isOpen ? 'block' : 'none',
+        };
+    }
+    const triggerElement = (jsx("div", { className: combinedTriggerClasses, onClick: handleToggle, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-expanded": isOpen, "aria-controls": uniqueId, children: trigger }));
+    const contentElement = (jsx("div", { style: contentWrapperStyle, children: jsx("div", { ref: contentRef, id: uniqueId, className: combinedContentClasses, "aria-hidden": !isOpen, ...inertProps(!isOpen), children: children }) }));
+    // The group's item context stops here: a Collapse nested in this one's
+    // content is not an item of this one's group.
+    return (jsx(CollapsesItemContext.Provider, { value: null, children: jsx("div", { className: combinedClasses, ...rest, children: position === 'bottom' ? (jsxs(Fragment, { children: [contentElement, triggerElement] })) : (jsxs(Fragment, { children: [triggerElement, contentElement] })) }) }));
+};
+
+export { Collapse };
+//# sourceMappingURL=Collapse.js.map