@allxsmith/bestax-bulma 5.60.0 → 5.62.0

package/dist/esm/components/Carousel.js

@@ -8,6 +8,7 @@ import { useClassPrefix } from '../helpers/Config.js';
 import { getActiveElementInTree } from '../helpers/shadowDom.js';
 import { useLatestRef } from '../helpers/useLatestRef.js';
 import { useClientLayoutEffect } from '../helpers/useClientLayoutEffect.js';
+import { useBulmaViewport, MOBILE } from '../helpers/useBulmaViewport.js';
 import { inertProps } from '../helpers/inertProps.js';
 import { Icon } from '../elements/Icon.js';
 import { Button } from '../elements/Button.js';
@@ -39,24 +40,10 @@ const DefaultPrevIcon = () => (jsx("svg", { xmlns: "http://www.w3.org/2000/svg",
  * @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 media queries Bulma's `fullhd`, `widescreen`, `desktop` and `tablet`
- * mixins open with, widest first, at Bulma's default breakpoints. The
- * stylesheet picks the count in view with those mixins; these tell the
- * script which count that is. Narrower than the last one is `mobile`.
- */
-const VIEWPORT_QUERIES = [
-    'screen and (min-width: 1408px)',
-    'screen and (min-width: 1216px)',
-    'screen and (min-width: 1024px)',
-    'screen and (min-width: 769px), print',
-];
-/** `useBulmaViewport`'s answer below the tablet breakpoint. */
-const MOBILE = VIEWPORT_QUERIES.length;
 /**
  * The `--bulma-carousel-items-to-show*` variable each count prop writes, in
- * the order the component lists them: the viewports as above, mobile, and
- * last `itemsToShow` itself.
+ * the order the component lists them: `useBulmaViewport`'s viewports, widest
+ * first, then mobile, and last `itemsToShow` itself.
  */
 const COUNT_SUFFIXES = [
     '-fullhd',
@@ -66,33 +53,6 @@ const COUNT_SUFFIXES = [
     '-mobile',
     '',
 ];
-/**
- * Which of Bulma's viewports the window is in: the index of the widest
- * `VIEWPORT_QUERIES` entry that matches, `MOBILE` below them all, or `-1`
- * when that isn't known (on the server, before the first layout effect, and
- * whenever `enabled` is off, so a carousel with one count everywhere
- * subscribes to nothing).
- *
- * @function
- * @param {boolean} enabled - Whether any viewport-specific count is set.
- * @returns {number} The viewport, as described above.
- */
-function useBulmaViewport(enabled) {
-    const [viewport, setViewport] = useState(-1);
-    useClientLayoutEffect(() => {
-        if (!enabled || typeof window.matchMedia !== 'function')
-            return undefined;
-        const lists = VIEWPORT_QUERIES.map(query => window.matchMedia(query));
-        const update = () => {
-            const index = lists.findIndex(list => list.matches);
-            setViewport(index < 0 ? MOBILE : index);
-        };
-        update();
-        lists.forEach(list => list.addEventListener('change', update));
-        return () => lists.forEach(list => list.removeEventListener('change', update));
-    }, [enabled]);
-    return enabled ? viewport : -1;
-}
 /**
  * A count prop as the whole number the carousel works with: rounded down,
  * and never below 1, so a zero or a stray `NaN` can't divide by nothing.

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

@@ -1 +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 { useLatestRef } from '../helpers/useLatestRef';\nimport { useClientLayoutEffect } from '../helpers/useClientLayoutEffect';\nimport { inertProps } from '../helpers/inertProps';\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  /**\n   * Whether this item is in view. `Carousel` sets it on every item in view,\n   * so with several in view several are active.\n   */\n  active?: boolean;\n  /**\n   * The slide's content. An image in it is held to the slide's width at its\n   * own height, unless something sizes the image itself: a ratio `Image`\n   * fills its frame, and an `Avatar`'s photo its circle, as they do outside a\n   * carousel.\n   */\n  children?: React.ReactNode;\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 * The media queries Bulma's `fullhd`, `widescreen`, `desktop` and `tablet`\n * mixins open with, widest first, at Bulma's default breakpoints. The\n * stylesheet picks the count in view with those mixins; these tell the\n * script which count that is. Narrower than the last one is `mobile`.\n */\nconst VIEWPORT_QUERIES = [\n  'screen and (min-width: 1408px)',\n  'screen and (min-width: 1216px)',\n  'screen and (min-width: 1024px)',\n  'screen and (min-width: 769px), print',\n];\n\n/** `useBulmaViewport`'s answer below the tablet breakpoint. */\nconst MOBILE = VIEWPORT_QUERIES.length;\n\n/**\n * The `--bulma-carousel-items-to-show*` variable each count prop writes, in\n * the order the component lists them: the viewports as above, mobile, and\n * last `itemsToShow` itself.\n */\nconst COUNT_SUFFIXES = [\n  '-fullhd',\n  '-widescreen',\n  '-desktop',\n  '-tablet',\n  '-mobile',\n  '',\n];\n\n/**\n * Which of Bulma's viewports the window is in: the index of the widest\n * `VIEWPORT_QUERIES` entry that matches, `MOBILE` below them all, or `-1`\n * when that isn't known (on the server, before the first layout effect, and\n * whenever `enabled` is off, so a carousel with one count everywhere\n * subscribes to nothing).\n *\n * @function\n * @param {boolean} enabled - Whether any viewport-specific count is set.\n * @returns {number} The viewport, as described above.\n */\nfunction useBulmaViewport(enabled: boolean): number {\n  const [viewport, setViewport] = useState(-1);\n\n  useClientLayoutEffect(() => {\n    if (!enabled || typeof window.matchMedia !== 'function') return undefined;\n    const lists = VIEWPORT_QUERIES.map(query => window.matchMedia(query));\n    const update = () => {\n      const index = lists.findIndex(list => list.matches);\n      setViewport(index < 0 ? MOBILE : index);\n    };\n    update();\n    lists.forEach(list => list.addEventListener('change', update));\n    return () =>\n      lists.forEach(list => list.removeEventListener('change', update));\n  }, [enabled]);\n\n  return enabled ? viewport : -1;\n}\n\n/**\n * A count prop as the whole number the carousel works with: rounded down,\n * and never below 1, so a zero or a stray `NaN` can't divide by nothing.\n *\n * @function\n * @param {number | undefined} count - The prop as given.\n * @returns {number | undefined} The count, or `undefined` when unset.\n */\nconst wholeCount = (count: number | undefined) =>\n  count === undefined ? undefined : Math.max(1, Math.floor(count) || 1);\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   * Index of the first item in view (controlled); with one item in view, the\n   * slide shown. A value between two of the positions a step lands on (see\n   * `itemsToScroll`) is shown as given, and the next step goes on from it.\n   * With `repeat`, a value past either end wraps around; without it, one\n   * that would leave empty space after the last item shows the last full\n   * view. Neither correction calls `onChange`. A value that takes the item\n   * holding focus out of view moves focus to the first item in view, as a\n   * swipe or a change of width does.\n   * @defaultValue 0\n   */\n  value?: number;\n  /**\n   * Enable auto-play: one step (`itemsToScroll` items) per `interval`.\n   * Without `repeat` it stops at the last position. It waits while the\n   * pointer is over the carousel (see `pauseOnHover`) and while focus is\n   * inside one of its items, so an item being read or used never moves out\n   * of view.\n   */\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  /**\n   * Loop back to the first position after the last. Default: true. With\n   * several items in view, the view runs on past the last item into the\n   * first ones, so it can show the end and the start side by side. Only\n   * loops when some item is out of view.\n   */\n  repeat?: boolean;\n  /**\n   * Enable drag/swipe navigation. Default: true. A swipe moves one step,\n   * however far it travels.\n   */\n  hasDrag?: boolean;\n  /**\n   * How many items are in view at once, at every width no\n   * `itemsToShow<Viewport>` prop covers. Those props read the way a\n   * `Column`'s `size<Viewport>` props do: `itemsToShowMobile` applies below\n   * Bulma's tablet breakpoint, each of the others from its own breakpoint\n   * up, and where several apply the widest one wins. A whole number, rounded\n   * down and at least 1. The widths come from the stylesheet, so they are\n   * right on the first paint; the arrows, indicators and steps use the\n   * count for the window's width once the page has hydrated, and this one\n   * until then. With this many children or fewer, every item keeps its\n   * share of the width, nothing moves, and no arrows or indicators render.\n   * @defaultValue 1\n   */\n  itemsToShow?: number;\n  /**\n   * Items in view at any width below Bulma's tablet breakpoint (769px),\n   * fractional ones included. Falls back to `itemsToShow`.\n   */\n  itemsToShowMobile?: number;\n  /**\n   * Items in view from Bulma's tablet breakpoint (769px) up, until a wider\n   * viewport's prop takes over. Falls back to `itemsToShow`.\n   */\n  itemsToShowTablet?: number;\n  /**\n   * Items in view from Bulma's desktop breakpoint (1024px) up, until a wider\n   * viewport's prop takes over. Falls back to `itemsToShowTablet`, then\n   * `itemsToShow`.\n   */\n  itemsToShowDesktop?: number;\n  /**\n   * Items in view from Bulma's widescreen breakpoint (1216px) up, until\n   * `itemsToShowFullhd` takes over. Falls back to `itemsToShowDesktop`, and\n   * on down to `itemsToShow`.\n   */\n  itemsToShowWidescreen?: number;\n  /**\n   * Items in view from Bulma's fullhd breakpoint (1408px) up. Falls back to\n   * `itemsToShowWidescreen`, and on down to `itemsToShow`.\n   */\n  itemsToShowFullhd?: number;\n  /**\n   * How many items one step moves, for an arrow, an arrow key, a swipe or an\n   * autoplay tick. A whole number, capped at the count in view so a step\n   * never skips an item. Without `repeat`, the last step stops at the last\n   * full view, so it can be shorter; with `repeat`, the step after the last\n   * position goes on to the first one. The indicators mark these positions,\n   * one per step rather than one per item. When the count in view changes\n   * with the window's width, the first item in view stays in view.\n   * @defaultValue 1\n   */\n  itemsToScroll?: number;\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. There is one for each position a\n   * step can land on (see `itemsToScroll`). They render `type=\"button\"`, so\n   * a carousel inside a form is not submitted by picking a slide.\n   */\n  indicator?: boolean;\n  /**\n   * Puts the indicators over the slides instead of below them, at the edge\n   * `indicatorPosition` names. It also turns on the overlay look unless\n   * `overlayControls` says otherwise, so on its own it gives the look made\n   * for photos: light arrows, and light indicators on a dark gradient band.\n   */\n  indicatorInside?: boolean;\n  /**\n   * The overlay look, made for photos. The arrows take the\n   * `--bulma-carousel-overlay-arrow-*` colors, and indicators over the\n   * slides take the `--bulma-carousel-overlay-indicator-*` colors on a dark\n   * gradient band. Indicators below the slides keep their plain colors,\n   * since they sit on the page. It follows `indicatorInside` unless you set\n   * it, so `overlayControls={false}` puts the indicators over the slides\n   * with the plain look, and `overlayControls` alone gives the arrows the\n   * overlay look with the indicators below. While it's on, `arrowColor`\n   * doesn't apply.\n   * @defaultValue indicatorInside\n   */\n  overlayControls?: boolean;\n  /**\n   * The edge of the slides `indicatorInside` puts the indicators on.\n   * Default: 'bottom'. Without `indicatorInside` they sit below the slides\n   * whatever this says, so leave it unset there.\n   */\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  /**\n   * Color theme for navigation arrows. Not applied while the overlay look is\n   * on (see `overlayControls`, which `indicatorInside` turns on), whose\n   * arrows take `--bulma-carousel-overlay-arrow-color`.\n   */\n  arrowColor?: 'light' | 'dark';\n  /** Accessible label for the carousel region. Default: 'Image carousel'. */\n  ariaLabel?: string;\n  /**\n   * Called with the index of the first item in view when an arrow, an arrow\n   * key, an indicator, a swipe or autoplay moves the carousel.\n   */\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 *\n * @example\n * // Three cards in view on desktop, two on tablet, one on mobile\n * <Carousel itemsToShow={1} itemsToShowTablet={2} itemsToShowDesktop={3}>\n *   {cards.map(card => (\n *     <CarouselItem key={card.id}>{card.body}</CarouselItem>\n *   ))}\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      itemsToShow,\n      itemsToShowMobile,\n      itemsToShowTablet,\n      itemsToShowDesktop,\n      itemsToShowWidescreen,\n      itemsToShowFullhd,\n      itemsToScroll,\n      arrow = true,\n      arrowHover = false,\n      indicator = true,\n      indicatorInside = false,\n      overlayControls = indicatorInside,\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      style,\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    const slidesRef = useRef<HTMLDivElement>(null);\n    // The item (a child of the track) that holds focus, until focus leaves\n    // the items for somewhere else\n    const focusedItemRef = useRef<Element | undefined>(undefined);\n\n    const [internalValue, setInternalValue] = useState(0);\n    const [isPaused, setIsPaused] = useState(false);\n    const [isFocusInside, setIsFocusInside] = 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(\n      isValidElement\n    ) as React.ReactElement<CarouselItemProps>[];\n    const itemCount = items.length;\n\n    // The count in view. The viewport props come widest first, in the order\n    // of VIEWPORT_QUERIES, then mobile; each min-width viewport falls back to\n    // the narrower ones, and every viewport to `itemsToShow`, the cascade the\n    // stylesheet's `--bulma-carousel-items-to-show-*` defaults spell out.\n    const counts = [\n      itemsToShowFullhd,\n      itemsToShowWidescreen,\n      itemsToShowDesktop,\n      itemsToShowTablet,\n      itemsToShowMobile,\n    ].map(wholeCount);\n    const baseCount = wholeCount(itemsToShow);\n    const viewport = useBulmaViewport(counts.some(c => c !== undefined));\n    const inView =\n      (viewport === MOBILE\n        ? counts[MOBILE]\n        : viewport >= 0\n          ? counts.slice(viewport, MOBILE).find(c => c !== undefined)\n          : undefined) ??\n      baseCount ??\n      1;\n    // The props as the stylesheet reads them, so the widths are right from\n    // the first paint, on the server too.\n    const countStyle: Record<string, number> = {};\n    [...counts, baseCount].forEach((count, i) => {\n      if (count !== undefined) {\n        countStyle[`--bulma-carousel-items-to-show${COUNT_SUFFIXES[i]}`] =\n          count;\n      }\n    });\n\n    const scroll = Math.min(wholeCount(itemsToScroll) ?? 1, inView);\n    const looping = repeat && itemCount > inView;\n    const lastStart = Math.max(0, itemCount - inView);\n    // Where the view can start: every `scroll` items from the first, and\n    // without a loop the last full view as well, which is what keeps the\n    // end of the track from showing empty space.\n    const positions: number[] = [];\n    for (let p = 0; p < (looping ? itemCount : lastStart); p += scroll) {\n      positions.push(p);\n    }\n    if (!looping) positions.push(lastStart);\n    const lastPosition = positions[positions.length - 1];\n    const canMove = positions.length > 1;\n\n    const wrap = (index: number) =>\n      ((index % itemCount) + itemCount) % itemCount;\n    const fit = (index: number) =>\n      looping ? wrap(index) : Math.min(Math.max(index, 0), lastStart);\n\n    // Use controlled or internal value, as a start the view can show\n    const activeIndex = fit(controlledValue ?? internalValue);\n    // The indicator for the last position at or before the first item in view\n    const activePosition = positions.reduce(\n      (found, position, index) => (position <= activeIndex ? index : found),\n      0\n    );\n    const nextIndex = positions[activePosition + 1];\n    // From between two positions, the previous step is the one just behind\n    const prevIndex =\n      activeIndex > positions[activePosition]\n        ? positions[activePosition]\n        : positions[activePosition - 1];\n\n    // Sync displayIndex when the value changes externally, or when the count\n    // in view moves the start it fits to. Intentional external-prop sync that\n    // must not run mid-wrap animation; covered by tests and certified\n    // in-browser. Uncontrolled, the fitted start becomes the value too, so a\n    // later change of count keeps what was first in view in view.\n    useEffect(() => {\n      if (!isWrapping) {\n        // eslint-disable-next-line react-hooks/set-state-in-effect -- syncing to controlled prop\n        setDisplayIndex(activeIndex);\n        if (controlledValue === undefined) setInternalValue(activeIndex);\n      }\n    }, [activeIndex, isWrapping, controlledValue]);\n\n    // Update active index\n    const setActiveIndex = useCallback(\n      (index: number) => {\n        if (controlledValue === undefined) {\n          setInternalValue(index);\n        }\n        setDisplayIndex(index);\n        setIsWrapping(false);\n        onChange?.(index);\n      },\n      [controlledValue, onChange]\n    );\n\n    // Navigation handlers\n    const goToPrev = useCallback(() => {\n      if (prevIndex !== undefined) {\n        setActiveIndex(prevIndex);\n      } else if (looping) {\n        // Animate to the clones before the first item, which show the last\n        // position, and snap to the real one when the transition ends\n        setDisplayIndex(lastPosition - itemCount);\n        setIsWrapping(true);\n      }\n    }, [prevIndex, looping, lastPosition, itemCount, setActiveIndex]);\n\n    const goToNext = useCallback(() => {\n      if (nextIndex !== undefined) {\n        setActiveIndex(nextIndex);\n      } else if (looping) {\n        // Animate to the clones after the last item, which show the first\n        // position, and snap to the real one when the transition ends\n        setDisplayIndex(itemCount);\n        setIsWrapping(true);\n      }\n    }, [nextIndex, looping, itemCount, setActiveIndex]);\n\n    // Read when the timer fires or an arrow key arrives, so neither the\n    // timer nor the key listener starts over while `onChange` changes\n    // identity, as an inline one does on every render of the parent.\n    const goToPrevRef = useLatestRef(goToPrev);\n    const goToNextRef = useLatestRef(goToNext);\n\n    // Auto-play. Each slide gets the whole interval, so a slide change,\n    // autoplay's own or the user's, starts the timer over. A render that\n    // leaves the slide where it is doesn't. It waits while focus is inside\n    // an item, so what someone is reading or using doesn't move away. The\n    // timer reads where focus is when it fires, rather than trusting the\n    // last focus event alone: a browser moving focus off an element that\n    // went inert need not fire one, and the pause would never end. A focus\n    // change still starts the timer over, so an item gets the whole\n    // interval once focus leaves it.\n    const isPlaying =\n      autoplay && (looping || nextIndex !== undefined) && !isPaused;\n    const isRotating = isPlaying && !isFocusInside;\n\n    useEffect(() => {\n      if (!isPlaying) return undefined;\n\n      const timer = setInterval(() => {\n        const track = slidesRef.current;\n        if (track?.contains(getActiveElementInTree(track))) return;\n        if (isFocusInside) setIsFocusInside(false);\n        goToNextRef.current();\n      }, interval);\n\n      return () => clearInterval(timer);\n    }, [isPlaying, isFocusInside, interval, activeIndex, goToNextRef]);\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, from the carousel's own controls. Inside an item\n    // the keys are its content's (a field's caret, a slider), and a step\n    // from there could take the focused item out of view.\n    useEffect(() => {\n      const handleKeyDown = (e: KeyboardEvent) => {\n        const node = carouselRef.current;\n        const active = getActiveElementInTree(node);\n        if (!node?.contains(active) || slidesRef.current?.contains(active)) {\n          return;\n        }\n\n        switch (e.key) {\n          case 'ArrowLeft':\n            e.preventDefault();\n            goToPrevRef.current();\n            break;\n          case 'ArrowRight':\n            e.preventDefault();\n            goToNextRef.current();\n            break;\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [goToPrevRef, goToNextRef]);\n\n    // Handle wrap-around transition end: the track's own, since an item's\n    // content can end a transition of its own that bubbles up to here\n    const handleTransitionEnd = useCallback(\n      (e: React.TransitionEvent<HTMLDivElement>) => {\n        if (isWrapping && e.target === e.currentTarget) {\n          // Skip transition for the instant snap from the clones to the\n          // real items they copy\n          setSkipTransition(true);\n          setActiveIndex(((displayIndex % itemCount) + itemCount) % itemCount);\n\n          // Re-enable transition after the snap\n          requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n              setSkipTransition(false);\n            });\n          });\n        }\n      },\n      [isWrapping, displayIndex, itemCount, setActiveIndex]\n    );\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 = looping || prevIndex !== undefined;\n    const canGoNext = looping || nextIndex !== undefined;\n\n    // Generate classes\n    const carouselClasses = usePrefixedClassNames('carousel', {\n      'is-overlay': overlayControls,\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    // Where the track is drawn from: mid-wrap the clones, otherwise a start\n    // the view can show, so a change in the count in view never paints\n    // empty space while the sync above catches up.\n    const shownIndex = isWrapping ? displayIndex : fit(displayIndex);\n    // Enough clones on each side to fill the widest view any viewport sets,\n    // since the stylesheet, not this count, sizes what's on screen\n    const cloneCount = looping\n      ? Math.min(\n          itemCount,\n          Math.max(baseCount ?? 1, ...counts.map(c => c ?? 1))\n        )\n      : 0;\n    // The track: a full view's worth of clones of the last items, the items,\n    // and clones of the first ones, for a seamless loop. Each entry is the\n    // item it shows and its key.\n    const slots: [number, React.Key][] = items.map((_, index) => [\n      index,\n      index,\n    ]);\n    for (let k = 0; k < cloneCount; k++) {\n      slots.splice(k, 0, [itemCount - cloneCount + k, `clone-before-${k}`]);\n      slots.push([k, `clone-after-${k}`]);\n    }\n\n    // Render slides with active state (includes clones for infinite loop).\n    // What's in view is a run of slots, so where a looping view runs past\n    // the last item, the clones on screen are the live copies and the items\n    // they copy, off screen, are the hidden ones: no item is exposed twice,\n    // and the copy exposed is the one in view.\n    const renderSlides = () =>\n      slots.map(([index, key], slot) => {\n        const item = items[index];\n        const own = item.props;\n        const isShown =\n          slot >= shownIndex + cloneCount &&\n          slot < shownIndex + cloneCount + inView;\n        return cloneElement(item, {\n          key,\n          active: isShown,\n          role: own.role ?? 'group',\n          'aria-roledescription': own['aria-roledescription'] ?? 'slide',\n          ...(own['aria-label'] || own['aria-labelledby']\n            ? {}\n            : { 'aria-label': `${index + 1} of ${itemCount}` }),\n          // Out of view: hidden from assistive tech, and inert, so nothing\n          // in it takes focus or a click\n          ...(isShown ? {} : { 'aria-hidden': true, ...inertProps(true) }),\n        });\n      });\n\n    // Hand focus on when the item holding it leaves the view. An item out\n    // of view is inert, and a browser drops focus from an inert element to\n    // the page, so a swipe, a change of count with the window's width, a new\n    // controlled value or the item's removal would leave a keyboard or\n    // screen reader user nowhere. Focus goes to the first item in view,\n    // given `tabindex=\"-1\"` for it unless it has a tabindex of its own. A\n    // layout effect runs before the browser gets to drop the focus; the\n    // focused item's removal drops it at once, so focus on the page itself\n    // still counts as the item's.\n    useClientLayoutEffect(() => {\n      const held = focusedItemRef.current;\n      if (!held) return;\n      const track = slidesRef.current as HTMLDivElement;\n      const start = shownIndex + cloneCount;\n      const slot = Array.prototype.indexOf.call(track.children, held);\n      if (slot >= start && slot < start + inView) return;\n      const active = getActiveElementInTree(track);\n      if (active !== held.ownerDocument.body && !held.contains(active)) {\n        return;\n      }\n      focusedItemRef.current = undefined;\n      const first = track.children[start] as HTMLElement | undefined;\n      if (!first) return;\n      if (!first.hasAttribute('tabindex')) first.tabIndex = -1;\n      first.focus({ preventScroll: true });\n    }, [shownIndex, cloneCount, inView, itemCount]);\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        style={{ ...countStyle, ...style }}\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            ref={slidesRef}\n            className={carouselSlidesClass}\n            style={{\n              // One item is the track's width plus a gap, over the count the\n              // stylesheet has in view; account for the prepended clones\n              transform: `translateX(calc(${-(shownIndex + cloneCount)} * (100% + var(--bulma-carousel-item-gap, 0px)) / var(--bulma-carousel-items-in-view, 1)))`,\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            // Announce what comes into view, except while autoplay turns it\n            aria-live={isRotating ? 'off' : 'polite'}\n            onFocus={e => {\n              setIsFocusInside(true);\n              focusedItemRef.current = Array.from(\n                e.currentTarget.children\n              ).find(item => item.contains(e.target));\n            }}\n            onBlur={e => {\n              const inside = e.currentTarget.contains(e.relatedTarget);\n              setIsFocusInside(inside);\n              if (!inside) focusedItemRef.current = undefined;\n            }}\n            onTransitionEnd={handleTransitionEnd}\n          >\n            {renderSlides()}\n          </div>\n          {arrow && canMove && (\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 && canMove && (\n          <div className={carouselIndicatorClass} role=\"tablist\">\n            {positions.map((position, index) => (\n              <Button\n                key={position}\n                type=\"button\"\n                className={prefixedClassNames(classPrefix, 'indicator-item', {\n                  'is-active': index === activePosition,\n                })}\n                onClick={() => setActiveIndex(position)}\n                role=\"tab\"\n                aria-selected={index === activePosition}\n                aria-label={`Go to slide ${position + 1}`}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nCarousel.displayName = 'Carousel';\n\nexport default Carousel;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"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 { useLatestRef } from '../helpers/useLatestRef';\nimport { useClientLayoutEffect } from '../helpers/useClientLayoutEffect';\nimport { MOBILE, useBulmaViewport } from '../helpers/useBulmaViewport';\nimport { inertProps } from '../helpers/inertProps';\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  /**\n   * Whether this item is in view. `Carousel` sets it on every item in view,\n   * so with several in view several are active.\n   */\n  active?: boolean;\n  /**\n   * The slide's content. An image in it is held to the slide's width at its\n   * own height, unless something sizes the image itself: a ratio `Image`\n   * fills its frame, and an `Avatar`'s photo its circle, as they do outside a\n   * carousel.\n   */\n  children?: React.ReactNode;\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 * The `--bulma-carousel-items-to-show*` variable each count prop writes, in\n * the order the component lists them: `useBulmaViewport`'s viewports, widest\n * first, then mobile, and last `itemsToShow` itself.\n */\nconst COUNT_SUFFIXES = [\n  '-fullhd',\n  '-widescreen',\n  '-desktop',\n  '-tablet',\n  '-mobile',\n  '',\n];\n\n/**\n * A count prop as the whole number the carousel works with: rounded down,\n * and never below 1, so a zero or a stray `NaN` can't divide by nothing.\n *\n * @function\n * @param {number | undefined} count - The prop as given.\n * @returns {number | undefined} The count, or `undefined` when unset.\n */\nconst wholeCount = (count: number | undefined) =>\n  count === undefined ? undefined : Math.max(1, Math.floor(count) || 1);\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   * Index of the first item in view (controlled); with one item in view, the\n   * slide shown. A value between two of the positions a step lands on (see\n   * `itemsToScroll`) is shown as given, and the next step goes on from it.\n   * With `repeat`, a value past either end wraps around; without it, one\n   * that would leave empty space after the last item shows the last full\n   * view. Neither correction calls `onChange`. A value that takes the item\n   * holding focus out of view moves focus to the first item in view, as a\n   * swipe or a change of width does.\n   * @defaultValue 0\n   */\n  value?: number;\n  /**\n   * Enable auto-play: one step (`itemsToScroll` items) per `interval`.\n   * Without `repeat` it stops at the last position. It waits while the\n   * pointer is over the carousel (see `pauseOnHover`) and while focus is\n   * inside one of its items, so an item being read or used never moves out\n   * of view.\n   */\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  /**\n   * Loop back to the first position after the last. Default: true. With\n   * several items in view, the view runs on past the last item into the\n   * first ones, so it can show the end and the start side by side. Only\n   * loops when some item is out of view.\n   */\n  repeat?: boolean;\n  /**\n   * Enable drag/swipe navigation. Default: true. A swipe moves one step,\n   * however far it travels.\n   */\n  hasDrag?: boolean;\n  /**\n   * How many items are in view at once, at every width no\n   * `itemsToShow<Viewport>` prop covers. Those props read the way a\n   * `Column`'s `size<Viewport>` props do: `itemsToShowMobile` applies below\n   * Bulma's tablet breakpoint, each of the others from its own breakpoint\n   * up, and where several apply the widest one wins. A whole number, rounded\n   * down and at least 1. The widths come from the stylesheet, so they are\n   * right on the first paint; the arrows, indicators and steps use the\n   * count for the window's width once the page has hydrated, and this one\n   * until then. With this many children or fewer, every item keeps its\n   * share of the width, nothing moves, and no arrows or indicators render.\n   * @defaultValue 1\n   */\n  itemsToShow?: number;\n  /**\n   * Items in view at any width below Bulma's tablet breakpoint (769px),\n   * fractional ones included. Falls back to `itemsToShow`.\n   */\n  itemsToShowMobile?: number;\n  /**\n   * Items in view from Bulma's tablet breakpoint (769px) up, until a wider\n   * viewport's prop takes over. Falls back to `itemsToShow`.\n   */\n  itemsToShowTablet?: number;\n  /**\n   * Items in view from Bulma's desktop breakpoint (1024px) up, until a wider\n   * viewport's prop takes over. Falls back to `itemsToShowTablet`, then\n   * `itemsToShow`.\n   */\n  itemsToShowDesktop?: number;\n  /**\n   * Items in view from Bulma's widescreen breakpoint (1216px) up, until\n   * `itemsToShowFullhd` takes over. Falls back to `itemsToShowDesktop`, and\n   * on down to `itemsToShow`.\n   */\n  itemsToShowWidescreen?: number;\n  /**\n   * Items in view from Bulma's fullhd breakpoint (1408px) up. Falls back to\n   * `itemsToShowWidescreen`, and on down to `itemsToShow`.\n   */\n  itemsToShowFullhd?: number;\n  /**\n   * How many items one step moves, for an arrow, an arrow key, a swipe or an\n   * autoplay tick. A whole number, capped at the count in view so a step\n   * never skips an item. Without `repeat`, the last step stops at the last\n   * full view, so it can be shorter; with `repeat`, the step after the last\n   * position goes on to the first one. The indicators mark these positions,\n   * one per step rather than one per item. When the count in view changes\n   * with the window's width, the first item in view stays in view.\n   * @defaultValue 1\n   */\n  itemsToScroll?: number;\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. There is one for each position a\n   * step can land on (see `itemsToScroll`). They render `type=\"button\"`, so\n   * a carousel inside a form is not submitted by picking a slide.\n   */\n  indicator?: boolean;\n  /**\n   * Puts the indicators over the slides instead of below them, at the edge\n   * `indicatorPosition` names. It also turns on the overlay look unless\n   * `overlayControls` says otherwise, so on its own it gives the look made\n   * for photos: light arrows, and light indicators on a dark gradient band.\n   */\n  indicatorInside?: boolean;\n  /**\n   * The overlay look, made for photos. The arrows take the\n   * `--bulma-carousel-overlay-arrow-*` colors, and indicators over the\n   * slides take the `--bulma-carousel-overlay-indicator-*` colors on a dark\n   * gradient band. Indicators below the slides keep their plain colors,\n   * since they sit on the page. It follows `indicatorInside` unless you set\n   * it, so `overlayControls={false}` puts the indicators over the slides\n   * with the plain look, and `overlayControls` alone gives the arrows the\n   * overlay look with the indicators below. While it's on, `arrowColor`\n   * doesn't apply.\n   * @defaultValue indicatorInside\n   */\n  overlayControls?: boolean;\n  /**\n   * The edge of the slides `indicatorInside` puts the indicators on.\n   * Default: 'bottom'. Without `indicatorInside` they sit below the slides\n   * whatever this says, so leave it unset there.\n   */\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  /**\n   * Color theme for navigation arrows. Not applied while the overlay look is\n   * on (see `overlayControls`, which `indicatorInside` turns on), whose\n   * arrows take `--bulma-carousel-overlay-arrow-color`.\n   */\n  arrowColor?: 'light' | 'dark';\n  /** Accessible label for the carousel region. Default: 'Image carousel'. */\n  ariaLabel?: string;\n  /**\n   * Called with the index of the first item in view when an arrow, an arrow\n   * key, an indicator, a swipe or autoplay moves the carousel.\n   */\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 *\n * @example\n * // Three cards in view on desktop, two on tablet, one on mobile\n * <Carousel itemsToShow={1} itemsToShowTablet={2} itemsToShowDesktop={3}>\n *   {cards.map(card => (\n *     <CarouselItem key={card.id}>{card.body}</CarouselItem>\n *   ))}\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      itemsToShow,\n      itemsToShowMobile,\n      itemsToShowTablet,\n      itemsToShowDesktop,\n      itemsToShowWidescreen,\n      itemsToShowFullhd,\n      itemsToScroll,\n      arrow = true,\n      arrowHover = false,\n      indicator = true,\n      indicatorInside = false,\n      overlayControls = indicatorInside,\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      style,\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    const slidesRef = useRef<HTMLDivElement>(null);\n    // The item (a child of the track) that holds focus, until focus leaves\n    // the items for somewhere else\n    const focusedItemRef = useRef<Element | undefined>(undefined);\n\n    const [internalValue, setInternalValue] = useState(0);\n    const [isPaused, setIsPaused] = useState(false);\n    const [isFocusInside, setIsFocusInside] = 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(\n      isValidElement\n    ) as React.ReactElement<CarouselItemProps>[];\n    const itemCount = items.length;\n\n    // The count in view. The viewport props come widest first, in the order\n    // of VIEWPORT_QUERIES, then mobile; each min-width viewport falls back to\n    // the narrower ones, and every viewport to `itemsToShow`, the cascade the\n    // stylesheet's `--bulma-carousel-items-to-show-*` defaults spell out.\n    const counts = [\n      itemsToShowFullhd,\n      itemsToShowWidescreen,\n      itemsToShowDesktop,\n      itemsToShowTablet,\n      itemsToShowMobile,\n    ].map(wholeCount);\n    const baseCount = wholeCount(itemsToShow);\n    const viewport = useBulmaViewport(counts.some(c => c !== undefined));\n    const inView =\n      (viewport === MOBILE\n        ? counts[MOBILE]\n        : viewport >= 0\n          ? counts.slice(viewport, MOBILE).find(c => c !== undefined)\n          : undefined) ??\n      baseCount ??\n      1;\n    // The props as the stylesheet reads them, so the widths are right from\n    // the first paint, on the server too.\n    const countStyle: Record<string, number> = {};\n    [...counts, baseCount].forEach((count, i) => {\n      if (count !== undefined) {\n        countStyle[`--bulma-carousel-items-to-show${COUNT_SUFFIXES[i]}`] =\n          count;\n      }\n    });\n\n    const scroll = Math.min(wholeCount(itemsToScroll) ?? 1, inView);\n    const looping = repeat && itemCount > inView;\n    const lastStart = Math.max(0, itemCount - inView);\n    // Where the view can start: every `scroll` items from the first, and\n    // without a loop the last full view as well, which is what keeps the\n    // end of the track from showing empty space.\n    const positions: number[] = [];\n    for (let p = 0; p < (looping ? itemCount : lastStart); p += scroll) {\n      positions.push(p);\n    }\n    if (!looping) positions.push(lastStart);\n    const lastPosition = positions[positions.length - 1];\n    const canMove = positions.length > 1;\n\n    const wrap = (index: number) =>\n      ((index % itemCount) + itemCount) % itemCount;\n    const fit = (index: number) =>\n      looping ? wrap(index) : Math.min(Math.max(index, 0), lastStart);\n\n    // Use controlled or internal value, as a start the view can show\n    const activeIndex = fit(controlledValue ?? internalValue);\n    // The indicator for the last position at or before the first item in view\n    const activePosition = positions.reduce(\n      (found, position, index) => (position <= activeIndex ? index : found),\n      0\n    );\n    const nextIndex = positions[activePosition + 1];\n    // From between two positions, the previous step is the one just behind\n    const prevIndex =\n      activeIndex > positions[activePosition]\n        ? positions[activePosition]\n        : positions[activePosition - 1];\n\n    // Sync displayIndex when the value changes externally, or when the count\n    // in view moves the start it fits to. Intentional external-prop sync that\n    // must not run mid-wrap animation; covered by tests and certified\n    // in-browser. Uncontrolled, the fitted start becomes the value too, so a\n    // later change of count keeps what was first in view in view.\n    useEffect(() => {\n      if (!isWrapping) {\n        // eslint-disable-next-line react-hooks/set-state-in-effect -- syncing to controlled prop\n        setDisplayIndex(activeIndex);\n        if (controlledValue === undefined) setInternalValue(activeIndex);\n      }\n    }, [activeIndex, isWrapping, controlledValue]);\n\n    // Update active index\n    const setActiveIndex = useCallback(\n      (index: number) => {\n        if (controlledValue === undefined) {\n          setInternalValue(index);\n        }\n        setDisplayIndex(index);\n        setIsWrapping(false);\n        onChange?.(index);\n      },\n      [controlledValue, onChange]\n    );\n\n    // Navigation handlers\n    const goToPrev = useCallback(() => {\n      if (prevIndex !== undefined) {\n        setActiveIndex(prevIndex);\n      } else if (looping) {\n        // Animate to the clones before the first item, which show the last\n        // position, and snap to the real one when the transition ends\n        setDisplayIndex(lastPosition - itemCount);\n        setIsWrapping(true);\n      }\n    }, [prevIndex, looping, lastPosition, itemCount, setActiveIndex]);\n\n    const goToNext = useCallback(() => {\n      if (nextIndex !== undefined) {\n        setActiveIndex(nextIndex);\n      } else if (looping) {\n        // Animate to the clones after the last item, which show the first\n        // position, and snap to the real one when the transition ends\n        setDisplayIndex(itemCount);\n        setIsWrapping(true);\n      }\n    }, [nextIndex, looping, itemCount, setActiveIndex]);\n\n    // Read when the timer fires or an arrow key arrives, so neither the\n    // timer nor the key listener starts over while `onChange` changes\n    // identity, as an inline one does on every render of the parent.\n    const goToPrevRef = useLatestRef(goToPrev);\n    const goToNextRef = useLatestRef(goToNext);\n\n    // Auto-play. Each slide gets the whole interval, so a slide change,\n    // autoplay's own or the user's, starts the timer over. A render that\n    // leaves the slide where it is doesn't. It waits while focus is inside\n    // an item, so what someone is reading or using doesn't move away. The\n    // timer reads where focus is when it fires, rather than trusting the\n    // last focus event alone: a browser moving focus off an element that\n    // went inert need not fire one, and the pause would never end. A focus\n    // change still starts the timer over, so an item gets the whole\n    // interval once focus leaves it.\n    const isPlaying =\n      autoplay && (looping || nextIndex !== undefined) && !isPaused;\n    const isRotating = isPlaying && !isFocusInside;\n\n    useEffect(() => {\n      if (!isPlaying) return undefined;\n\n      const timer = setInterval(() => {\n        const track = slidesRef.current;\n        if (track?.contains(getActiveElementInTree(track))) return;\n        if (isFocusInside) setIsFocusInside(false);\n        goToNextRef.current();\n      }, interval);\n\n      return () => clearInterval(timer);\n    }, [isPlaying, isFocusInside, interval, activeIndex, goToNextRef]);\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, from the carousel's own controls. Inside an item\n    // the keys are its content's (a field's caret, a slider), and a step\n    // from there could take the focused item out of view.\n    useEffect(() => {\n      const handleKeyDown = (e: KeyboardEvent) => {\n        const node = carouselRef.current;\n        const active = getActiveElementInTree(node);\n        if (!node?.contains(active) || slidesRef.current?.contains(active)) {\n          return;\n        }\n\n        switch (e.key) {\n          case 'ArrowLeft':\n            e.preventDefault();\n            goToPrevRef.current();\n            break;\n          case 'ArrowRight':\n            e.preventDefault();\n            goToNextRef.current();\n            break;\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [goToPrevRef, goToNextRef]);\n\n    // Handle wrap-around transition end: the track's own, since an item's\n    // content can end a transition of its own that bubbles up to here\n    const handleTransitionEnd = useCallback(\n      (e: React.TransitionEvent<HTMLDivElement>) => {\n        if (isWrapping && e.target === e.currentTarget) {\n          // Skip transition for the instant snap from the clones to the\n          // real items they copy\n          setSkipTransition(true);\n          setActiveIndex(((displayIndex % itemCount) + itemCount) % itemCount);\n\n          // Re-enable transition after the snap\n          requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n              setSkipTransition(false);\n            });\n          });\n        }\n      },\n      [isWrapping, displayIndex, itemCount, setActiveIndex]\n    );\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 = looping || prevIndex !== undefined;\n    const canGoNext = looping || nextIndex !== undefined;\n\n    // Generate classes\n    const carouselClasses = usePrefixedClassNames('carousel', {\n      'is-overlay': overlayControls,\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    // Where the track is drawn from: mid-wrap the clones, otherwise a start\n    // the view can show, so a change in the count in view never paints\n    // empty space while the sync above catches up.\n    const shownIndex = isWrapping ? displayIndex : fit(displayIndex);\n    // Enough clones on each side to fill the widest view any viewport sets,\n    // since the stylesheet, not this count, sizes what's on screen\n    const cloneCount = looping\n      ? Math.min(\n          itemCount,\n          Math.max(baseCount ?? 1, ...counts.map(c => c ?? 1))\n        )\n      : 0;\n    // The track: a full view's worth of clones of the last items, the items,\n    // and clones of the first ones, for a seamless loop. Each entry is the\n    // item it shows and its key.\n    const slots: [number, React.Key][] = items.map((_, index) => [\n      index,\n      index,\n    ]);\n    for (let k = 0; k < cloneCount; k++) {\n      slots.splice(k, 0, [itemCount - cloneCount + k, `clone-before-${k}`]);\n      slots.push([k, `clone-after-${k}`]);\n    }\n\n    // Render slides with active state (includes clones for infinite loop).\n    // What's in view is a run of slots, so where a looping view runs past\n    // the last item, the clones on screen are the live copies and the items\n    // they copy, off screen, are the hidden ones: no item is exposed twice,\n    // and the copy exposed is the one in view.\n    const renderSlides = () =>\n      slots.map(([index, key], slot) => {\n        const item = items[index];\n        const own = item.props;\n        const isShown =\n          slot >= shownIndex + cloneCount &&\n          slot < shownIndex + cloneCount + inView;\n        return cloneElement(item, {\n          key,\n          active: isShown,\n          role: own.role ?? 'group',\n          'aria-roledescription': own['aria-roledescription'] ?? 'slide',\n          ...(own['aria-label'] || own['aria-labelledby']\n            ? {}\n            : { 'aria-label': `${index + 1} of ${itemCount}` }),\n          // Out of view: hidden from assistive tech, and inert, so nothing\n          // in it takes focus or a click\n          ...(isShown ? {} : { 'aria-hidden': true, ...inertProps(true) }),\n        });\n      });\n\n    // Hand focus on when the item holding it leaves the view. An item out\n    // of view is inert, and a browser drops focus from an inert element to\n    // the page, so a swipe, a change of count with the window's width, a new\n    // controlled value or the item's removal would leave a keyboard or\n    // screen reader user nowhere. Focus goes to the first item in view,\n    // given `tabindex=\"-1\"` for it unless it has a tabindex of its own. A\n    // layout effect runs before the browser gets to drop the focus; the\n    // focused item's removal drops it at once, so focus on the page itself\n    // still counts as the item's.\n    useClientLayoutEffect(() => {\n      const held = focusedItemRef.current;\n      if (!held) return;\n      const track = slidesRef.current as HTMLDivElement;\n      const start = shownIndex + cloneCount;\n      const slot = Array.prototype.indexOf.call(track.children, held);\n      if (slot >= start && slot < start + inView) return;\n      const active = getActiveElementInTree(track);\n      if (active !== held.ownerDocument.body && !held.contains(active)) {\n        return;\n      }\n      focusedItemRef.current = undefined;\n      const first = track.children[start] as HTMLElement | undefined;\n      if (!first) return;\n      if (!first.hasAttribute('tabindex')) first.tabIndex = -1;\n      first.focus({ preventScroll: true });\n    }, [shownIndex, cloneCount, inView, itemCount]);\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        style={{ ...countStyle, ...style }}\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            ref={slidesRef}\n            className={carouselSlidesClass}\n            style={{\n              // One item is the track's width plus a gap, over the count the\n              // stylesheet has in view; account for the prepended clones\n              transform: `translateX(calc(${-(shownIndex + cloneCount)} * (100% + var(--bulma-carousel-item-gap, 0px)) / var(--bulma-carousel-items-in-view, 1)))`,\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            // Announce what comes into view, except while autoplay turns it\n            aria-live={isRotating ? 'off' : 'polite'}\n            onFocus={e => {\n              setIsFocusInside(true);\n              focusedItemRef.current = Array.from(\n                e.currentTarget.children\n              ).find(item => item.contains(e.target));\n            }}\n            onBlur={e => {\n              const inside = e.currentTarget.contains(e.relatedTarget);\n              setIsFocusInside(inside);\n              if (!inside) focusedItemRef.current = undefined;\n            }}\n            onTransitionEnd={handleTransitionEnd}\n          >\n            {renderSlides()}\n          </div>\n          {arrow && canMove && (\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 && canMove && (\n          <div className={carouselIndicatorClass} role=\"tablist\">\n            {positions.map((position, index) => (\n              <Button\n                key={position}\n                type=\"button\"\n                className={prefixedClassNames(classPrefix, 'indicator-item', {\n                  'is-active': index === activePosition,\n                })}\n                onClick={() => setActiveIndex(position)}\n                role=\"tab\"\n                aria-selected={index === activePosition}\n                aria-label={`Go to slide ${position + 1}`}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nCarousel.displayName = 'Carousel';\n\nexport default Carousel;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/esm/components/Command.js

@@ -63,7 +63,7 @@ const standalone$2 = {
 const CommandContext = createContext(null);
 const useCommand = () => useContext(CommandContext) ?? standalone$2;
 /** Hands a node to a forwarded ref and to one of the component's own. */
-function setRefs$2(node, own, forwarded) {
+function setRefs$3(node, own, forwarded) {
     own.current = node;
     if (typeof forwarded === 'function')
         forwarded(node);
@@ -180,7 +180,7 @@ const CommandParts = forwardRef(({ children, label, query: controlledQuery, defa
         registerHandler,
     };
     const { rootRef } = engine;
-    const rootRefs = useCallback((node) => setRefs$2(node, rootRef, ref), [rootRef, ref]);
+    const rootRefs = useCallback((node) => setRefs$3(node, rootRef, ref), [rootRef, ref]);
     return (jsxs("div", { className: classNames(rootClass, bulmaHelperClasses, className), ...rest, ref: rootRefs, children: [jsx(CommandContext.Provider, { value: context, children: children }), jsx(StatusRegion, { items: announced, describe: describeEmpty })] }));
 });
 CommandParts.displayName = 'CommandParts';
@@ -200,7 +200,7 @@ const CommandInput = forwardRef(({ isLoading, iconLeft, iconLeftName, onKeyDown,
         return () => reportLoading(false);
     }, [reportLoading, isLoading]);
     const { inputRef } = engine;
-    const inputRefs = useCallback((node) => setRefs$2(node, inputRef, ref), [inputRef, ref]);
+    const inputRefs = useCallback((node) => setRefs$3(node, inputRef, ref), [inputRef, ref]);
     const { expanded, highlighted } = engine;
     // A name the caller gave the field wins over the Command's `label`.
     const callerNamed = !!props['aria-label'] || 'aria-labelledby' in props;

package/dist/esm/components/Navbar.js

@@ -83,7 +83,9 @@ const NavbarBurger = forwardRef(function NavbarBurger({ className, active, textC
     });
     return (jsxs("button", { ref: ref, className: classNames(usePrefixedClassNames('navbar-burger', {
             'is-active': active,
-        }), bulmaHelperClasses, className), ...rest, "aria-label": rest['aria-label'] || 'menu', "aria-expanded": rest['aria-expanded'] ?? !!active, type: buttonType(rest.type), children: [jsx("span", { "aria-hidden": "true" }), jsx("span", { "aria-hidden": "true" }), jsx("span", { "aria-hidden": "true" }), jsx("span", { "aria-hidden": "true" }), children] }));
+        }), bulmaHelperClasses, className), ...rest, "aria-label": rest['aria-label'] || 'menu', "aria-expanded": rest['aria-expanded'] === null
+            ? undefined
+            : (rest['aria-expanded'] ?? !!active), type: buttonType(rest.type), children: [jsx("span", { "aria-hidden": "true" }), jsx("span", { "aria-hidden": "true" }), jsx("span", { "aria-hidden": "true" }), jsx("span", { "aria-hidden": "true" }), children] }));
 });
 NavbarBurger.displayName = 'NavbarBurger';
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.js","sources":["../../../src/components/Navbar.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useEffect, useState } from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport type { PolymorphicComponent } from '../helpers/polymorphic';\nimport { buttonType } from '../helpers/buttonType';\nimport {\n  useBulmaClasses,\n  BulmaClassesProps,\n  validColors,\n} from '../helpers/useBulmaClasses';\n\n/**\n * Shared state a `Navbar.Dropdown` exposes to its `Navbar.Link` trigger so the\n * trigger needs no hand-wired ARIA or keyboard handling.\n */\ninterface NavbarDropdownContextValue {\n  /** Whether the dropdown is currently open. */\n  active: boolean;\n  /** Flips the open state. */\n  toggle: () => void;\n  /** Closes the dropdown (no-op if already closed). */\n  close: () => void;\n}\n\nconst NavbarDropdownContext =\n  React.createContext<NavbarDropdownContextValue | null>(null);\n\n/**\n * Props for the Navbar component.\n * @extraProp {React.Ref<HTMLElement>} [ref] - Ref forwarded to the root `<nav>` element.\n */\nexport interface NavbarProps\n  extends\n    React.HTMLAttributes<HTMLElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes for the navbar. */\n  className?: string;\n  /** Text color for the navbar. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Bulma color modifier for the navbar. */\n  color?:\n    | 'primary'\n    | 'link'\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'black'\n    | 'dark'\n    | 'light'\n    | 'white';\n  /** Background color for the navbar. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Renders the navbar with a transparent background. */\n  transparent?: boolean;\n  /**\n   * Renders Bulma's `is-spaced`: padding around the navbar, rounded items\n   * and boxed dropdowns. Bulma applies it from the desktop breakpoint up, so\n   * below that the navbar looks the same either way. With `fixed=\"top\"`, put\n   * `has-spaced-navbar-fixed-top` on `<html>` beside `has-navbar-fixed-top`\n   * (the `-bottom` pair for `fixed=\"bottom\"`). From desktop up the spaced\n   * navbar is taller than `has-navbar-fixed-top` pads the page for, and\n   * there the spaced class pads it for the taller navbar.\n   */\n  isSpaced?: boolean;\n  /**\n   * Renders Bulma's `has-shadow`: a shadow below the navbar, or above it with\n   * `fixed=\"bottom\"`. Off unless set, since Bulma's navbar has no shadow of\n   * its own. `Box` and `Card` take a `hasShadow` that defaults to `true`\n   * instead, because Bulma gives those a shadow already.\n   */\n  hasShadow?: boolean;\n  /** Fixes the navbar to the top or bottom of the viewport. */\n  fixed?: 'top' | 'bottom';\n  /** Navbar content (compose with subcomponents). */\n  children?: React.ReactNode;\n}\n\n/**\n * The `Navbar` component implements Bulma's powerful, responsive navigation bar for your Bulma React UI.\n *\n * @function\n * @param {NavbarProps} props - Props for the Navbar component.\n * @param {React.Ref<HTMLElement>} ref - Forwarded ref to the root `<nav>` element.\n * @returns {JSX.Element} The rendered navbar.\n * @see {@link https://bulma.io/documentation/components/navbar/ | Bulma Navbar documentation}\n */\nconst NavbarComponent = forwardRef<HTMLElement, NavbarProps>(\n  function NavbarComponent(\n    {\n      className,\n      textColor,\n      bgColor,\n      color,\n      transparent,\n      isSpaced,\n      hasShadow,\n      fixed,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const { bulmaHelperClasses, rest } = useBulmaClasses({\n      color: textColor,\n      backgroundColor: bgColor,\n      ...props,\n    });\n\n    // Generate Bulma classes with prefix\n    const bulmaClasses = usePrefixedClassNames('navbar', {\n      [`is-${color}`]: color,\n      'is-transparent': transparent,\n      'is-spaced': isSpaced,\n      'has-shadow': hasShadow,\n      [`is-fixed-${fixed}`]: fixed,\n    });\n\n    const navbarClasses = classNames(\n      bulmaClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    return (\n      <nav\n        ref={ref}\n        className={navbarClasses}\n        role=\"navigation\"\n        aria-label=\"main navigation\"\n        {...rest}\n      >\n        {children}\n      </nav>\n    );\n  }\n);\n\n/**\n * Props for the NavbarBrand component.\n */\nexport interface NavbarBrandProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Text color for the brand. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /**\n   * Renders `has-text-<color>`, exactly like `textColor`. Bulma has no\n   * `.navbar-brand.is-<color>` rule, so this is not a filled variant.\n   * `textColor` takes precedence when both are set, and is the one that\n   * reaches the full color list.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Brand content. */\n  children?: React.ReactNode;\n}\n\n/**\n * For logo and branding (left side)\n *\n * @function\n * @param {NavbarBrandProps} props - Props for the NavbarBrand component.\n * @returns {JSX.Element} The rendered brand area.\n */\nexport const NavbarBrand: React.FC<NavbarBrandProps> = ({\n  className,\n  children,\n  textColor,\n  color,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    ...props,\n  });\n\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('navbar-brand'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * The NavbarItem component's own props — everything it adds on top of the\n * attributes of whatever element `as` renders.\n */\nexport interface NavbarItemOwnProps extends Omit<\n  BulmaClassesProps,\n  'color' | 'backgroundColor'\n> {\n  /**\n   * Not accepted. `color` here would be the deprecated presentational HTML\n   * attribute, and `useBulmaClasses` consumes any `color` key as a Bulma helper\n   * before the target could see it — so it is declared unavailable rather than\n   * silently eaten. Use `textColor` / `bgColor`.\n   * @internal\n   */\n  color?: never;\n  /**\n   * Not accepted under this name. `useBulmaClasses` consumes any\n   * `backgroundColor` key before `rest` is spread, so a custom `as` target\n   * declaring one would never receive it. Use `bgColor`.\n   * @internal\n   */\n  backgroundColor?: never;\n  /** Additional CSS classes. */\n  className?: string;\n  /** Whether the item is active. */\n  active?: boolean;\n  /** Text color for the item. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color for the item. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Navbar item content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the NavbarItem component. The DOM attributes and the `ref` both\n * follow `as`: rendering as a router link accepts that component's props (`to`\n * and friends) by inference, and `as=\"span\"` rejects `href`.\n *\n * @extraProp {PolymorphicRef<React.ElementType>} [ref] - Ref forwarded to the element `as` renders, typed from `as`: the DOM node for an intrinsic tag, or whatever handle a custom component exposes.\n */\nexport type NavbarItemProps<T extends React.ElementType = 'a'> =\n  NavbarItemOwnProps &\n    Omit<React.ComponentPropsWithoutRef<T>, keyof NavbarItemOwnProps | 'as'> & {\n      /**\n       * Render as another intrinsic element (`'span'`, `'div'`, `'button'`) or a custom component (e.g. a router link). Defaults to `'a'`.\n       *\n       * `'button'` renders `type=\"button\"`, so an item inside a form does not submit it. Pass\n       * `type=\"submit\"` or `type=\"reset\"` and yours is used; any other value, or a spread\n       * carrying `type: undefined`, renders `type=\"button\"`.\n       */\n      as?: T;\n    };\n\n/**\n * The shape the implementation destructures. The public contract is the generic\n * `NavbarItemProps<T>` above — the body cannot see through `T`.\n */\ntype NavbarItemImplProps = NavbarItemOwnProps & {\n  as?: React.ElementType;\n  type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n};\n\n/**\n * Navigation links, buttons, or custom content\n *\n * @function\n * @param {NavbarItemProps} props - Props for the NavbarItem component.\n * @param {React.Ref} ref - Forwarded ref to the element `as` renders.\n * @returns {JSX.Element} The rendered item.\n */\nexport const NavbarItem = forwardRef(function NavbarItem(\n  itemProps: NavbarItemProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const {\n    className,\n    as: Component = 'a',\n    active,\n    textColor,\n    bgColor,\n    children,\n    ...props\n  } = itemProps as NavbarItemImplProps;\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor,\n    backgroundColor: bgColor,\n    ...props,\n  });\n\n  return (\n    <Component\n      ref={ref}\n      className={classNames(\n        usePrefixedClassNames('navbar-item', {\n          'is-active': active,\n        }),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n      // A `<button>` defaults to type=\"submit\", and a navbar inside a form must\n      // not submit it. After the spread, reading through it, so a spread\n      // carrying `type: undefined` cannot erase the default. A caller's\n      // `submit` or `reset` still wins; `buttonType` says more.\n      {...(Component === 'button' ? { type: buttonType(rest.type) } : {})}\n    >\n      {children}\n    </Component>\n  );\n}) as PolymorphicComponent<NavbarItemOwnProps, 'a'>;\n\nNavbarItem.displayName = 'NavbarItem';\n\n/**\n * Props for the NavbarBurger component.\n * @extraProp {React.Ref<HTMLButtonElement>} [ref] - Ref forwarded to the burger button element.\n * @extraProp {'button' | 'submit' | 'reset'} [type='button'] - Button type. Defaults to `'button'`, so a burger inside a form does not submit it. Pass `'submit'` or `'reset'` and yours is used; any other value, or a spread carrying `type: undefined`, renders `'button'`.\n */\nexport interface NavbarBurgerProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Text color for the burger. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /**\n   * Renders `has-text-<color>`, exactly like `textColor`. Bulma has no\n   * `.navbar-burger.is-<color>` rule, so this is not a filled variant.\n   * `textColor` takes precedence when both are set, and is the one that\n   * reaches the full color list.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Whether the burger is active. */\n  active?: boolean;\n  /**\n   * Custom content inside the burger, rendered after its four bar spans.\n   * Bulma styles every `<span>` in the burger as a bar, so an extra span here\n   * draws an extra bar.\n   */\n  children?: React.ReactNode;\n  /**\n   * Accessible name. Pass your own to replace it. An empty one, or a spread\n   * carrying `'aria-label': undefined`, keeps the default rather than leaving\n   * the button unnamed.\n   * @defaultValue 'menu'\n   */\n  'aria-label'?: string;\n  /**\n   * Expanded state for assistive technology. It follows `active` unless you\n   * pass `true` or `false`; a spread carrying `'aria-expanded': undefined`\n   * still follows `active`.\n   * @defaultValue active\n   */\n  'aria-expanded'?: boolean;\n  /** Click handler. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\n/**\n * Responsive menu toggle (mobile)\n *\n * @function\n * @param {NavbarBurgerProps} props - Props for the NavbarBurger component.\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref to the burger button element.\n * @returns {JSX.Element} The rendered burger.\n */\nexport const NavbarBurger = forwardRef<HTMLButtonElement, NavbarBurgerProps>(\n  function NavbarBurger(\n    { className, active, textColor, color, children, ...props },\n    ref\n  ) {\n    const { bulmaHelperClasses, rest } = useBulmaClasses({\n      color: textColor ?? color,\n      ...props,\n    });\n\n    return (\n      <button\n        ref={ref}\n        className={classNames(\n          usePrefixedClassNames('navbar-burger', {\n            'is-active': active,\n          }),\n          bulmaHelperClasses,\n          className\n        )}\n        {...rest}\n        // After the spread, reading through it: a key the spread carries with\n        // no value would otherwise erase the default, leaving a nameless\n        // button that submits the form around it. An empty label falls back\n        // too: the button is drawn as an icon, so `''` would leave it unnamed.\n        // A caller's own value still wins; `buttonType` says more.\n        aria-label={rest['aria-label'] || 'menu'}\n        aria-expanded={rest['aria-expanded'] ?? !!active}\n        type={buttonType(rest.type)}\n      >\n        {/* Bulma v1's burger mixin positions four spans: the first two meet\n            in the middle (they rotate into the X), the third and fourth draw\n            the top and bottom bars. */}\n        <span aria-hidden=\"true\"></span>\n        <span aria-hidden=\"true\"></span>\n        <span aria-hidden=\"true\"></span>\n        <span aria-hidden=\"true\"></span>\n        {children}\n      </button>\n    );\n  }\n);\n\nNavbarBurger.displayName = 'NavbarBurger';\n\n/**\n * Props for the NavbarMenu component.\n */\nexport interface NavbarMenuProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Text color for the menu. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /**\n   * Renders `has-text-<color>`, exactly like `textColor`. Bulma has no\n   * `.navbar-menu.is-<color>` rule, so this is not a filled variant.\n   * `textColor` takes precedence when both are set, and is the one that\n   * reaches the full color list.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Whether the menu is active. */\n  active?: boolean;\n  /** Menu content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Collapsible content (contains `Navbar.Start` and `Navbar.End`)\n *\n * @function\n * @param {NavbarMenuProps} props - Props for the NavbarMenu component.\n * @returns {JSX.Element} The rendered menu.\n */\nexport const NavbarMenu: React.FC<NavbarMenuProps> = ({\n  className,\n  active,\n  textColor,\n  color,\n  children,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    ...props,\n  });\n\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('navbar-menu', {\n          'is-active': active,\n        }),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Props for the NavbarStartEnd component.\n */\nexport interface NavbarStartEndProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Text color. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /**\n   * Renders `has-text-<color>`, exactly like `textColor`. Bulma has no\n   * `is-<color>` rule for this area, so this is not a filled variant.\n   * `textColor` takes precedence when both are set, and is the one that\n   * reaches the full color list.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Left-aligned menu area\n *\n * @function\n * @param {NavbarStartEndProps} props - Props for the NavbarStart component.\n * @returns {JSX.Element} The rendered start area.\n */\nexport const NavbarStart: React.FC<NavbarStartEndProps> = ({\n  className,\n  textColor,\n  color,\n  children,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    ...props,\n  });\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('navbar-start'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Right-aligned menu area\n *\n * @function\n * @param {NavbarStartEndProps} props - Props for the NavbarEnd component.\n * @returns {JSX.Element} The rendered end area.\n */\nexport const NavbarEnd: React.FC<NavbarStartEndProps> = ({\n  className,\n  textColor,\n  color,\n  children,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    ...props,\n  });\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('navbar-end'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * The NavbarLink component's own props — everything it adds on top of the\n * attributes of whatever element `as` renders.\n */\nexport interface NavbarLinkOwnProps extends Omit<\n  BulmaClassesProps,\n  'color' | 'backgroundColor'\n> {\n  /**\n   * Not accepted. `color` here would be the deprecated presentational HTML\n   * attribute, and `useBulmaClasses` consumes any `color` key as a Bulma helper\n   * before the target could see it — so it is declared unavailable rather than\n   * silently eaten. Use `textColor` / `bgColor`.\n   * @internal\n   */\n  color?: never;\n  /**\n   * Not accepted under this name. `useBulmaClasses` consumes any\n   * `backgroundColor` key before `rest` is spread, so a custom `as` target\n   * declaring one would never receive it. Use `bgColor`.\n   * @internal\n   */\n  backgroundColor?: never;\n  /** Additional CSS classes. */\n  className?: string;\n  /** Remove the dropdown arrow indicator. */\n  arrowless?: boolean;\n  /** Text color. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Link content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the NavbarLink component. The DOM attributes and the `ref` both\n * follow `as`: `as=\"button\"` accepts the button attributes and a button ref,\n * and `as=\"span\"` rejects `href` and `target`. Not `rel` — React declares it on\n * `HTMLAttributes<T>`, so it is valid on every element, and rejecting it would\n * mean diverging from React's own typing.\n *\n * @extraProp {PolymorphicRef<React.ElementType>} [ref] - Ref forwarded to the element `as` renders, typed from `as`: the DOM node for an intrinsic tag, or whatever handle a custom component exposes.\n */\nexport type NavbarLinkProps<T extends React.ElementType = 'a'> =\n  NavbarLinkOwnProps &\n    Omit<React.ComponentPropsWithoutRef<T>, keyof NavbarLinkOwnProps | 'as'> & {\n      /**\n       * Render as another intrinsic element (`'button'`, `'span'`) or a custom component. Defaults to `'a'`.\n       *\n       * Inside a `Navbar.Dropdown` this also decides the trigger's semantics. A custom\n       * component is taken to be interactive already — a router link, typically — so it\n       * keeps its own role and click behaviour. An intrinsic tag is judged on what it is:\n       * `'button'`, or anything carrying an `href`, is left alone, and everything else\n       * (`'span'`, a bare `'a'`, a custom element) gets `role=\"button\"`, `tabIndex` and a\n       * click that opens the dropdown.\n       *\n       * If your custom component renders something non-interactive, pass `role=\"button\"` and\n       * it takes that fallback too — `tabIndex` and click included. The keyboard path is\n       * attached either way.\n       *\n       * `'button'` renders `type=\"button\"`, so a link inside a form does not submit it. Pass\n       * `type=\"submit\"` or `type=\"reset\"` and yours is used; any other value, or a spread\n       * carrying `type: undefined`, renders `type=\"button\"`.\n       */\n      as?: T;\n    };\n\n/**\n * The shape the implementation destructures. The public contract is the generic\n * `NavbarLinkProps<T>` above — the body cannot see through `T`, so it names the\n * handful of DOM props it actually reads back off `rest`.\n */\ntype NavbarLinkImplProps = NavbarLinkOwnProps & {\n  as?: React.ElementType;\n  href?: string;\n  role?: React.AriaRole;\n  onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement>;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n};\n\n/**\n * Dropdown trigger with arrow indicator (use as first child of `Navbar.Dropdown`)\n *\n * @function\n * @param {NavbarLinkProps} props - Props for the NavbarLink component.\n * @param {React.Ref} ref - Forwarded ref to the element `as` renders.\n * @returns {JSX.Element} The rendered navbar link.\n */\nexport const NavbarLink = forwardRef(function NavbarLink(\n  linkProps: NavbarLinkProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const {\n    className,\n    as: Component = 'a',\n    arrowless,\n    textColor,\n    bgColor,\n    children,\n    ...props\n  } = linkProps as NavbarLinkImplProps;\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor,\n    backgroundColor: bgColor,\n    ...props,\n  });\n\n  const dropdownContext = useContext(NavbarDropdownContext);\n  const hasHref = rest.href !== undefined;\n  // What a custom component renders cannot be read off its input props, and the\n  // prop that ends in an anchor belongs to the router, not to us — `to`, `state`,\n  // `params` and a dozen further spellings all get there. Sniffing for more names\n  // trades one wrong guess for another, so a non-string `as` counts as\n  // interactive: announcing a real anchor as a button, and layering a synthetic\n  // click over its navigation, is the worse of the two failures (#668).\n  //\n  // A custom ELEMENT stays out of it. A hyphenated tag is a real DOM element and\n  // none of those is natively interactive, so `<x-trigger>` keeps the fallback\n  // exactly like `as=\"span\"` — the same line `Avatar` draws for `role=\"img\"`.\n  //\n  // Where we are guessing, the caller settles it: a custom target that declares\n  // `role=\"button\"` is saying it is a button and not a link, so it takes the\n  // whole fallback — including the click, which is the half it could not supply\n  // itself. `Avatar` gives the same escape hatch to the same guess. An `href`\n  // still wins: a target with somewhere to navigate is a link whatever role it\n  // claims.\n  const customTargetIsButton =\n    typeof Component !== 'string' && rest.role === 'button';\n\n  const isNativeInteractive =\n    Component === 'button' ||\n    (typeof Component !== 'string' && !customTargetIsButton) ||\n    hasHref;\n\n  // Guarded like Button's disabled blocker: these run on whatever `as` renders,\n  // and a custom target's callback need not take a DOM event. One declaring\n  // `onKeyDown: (k: {key: string}) => void` reaches `e.preventDefault()` and\n  // throws. Composing the caller's handler is unconditional; acting on the\n  // event is not ours to do when the payload is foreign.\n  const isDomEvent = (e: unknown): e is { preventDefault: () => void } =>\n    typeof (e as { preventDefault?: unknown })?.preventDefault === 'function';\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n    rest.onKeyDown?.(e);\n    if (!isDomEvent(e)) return;\n    if (!dropdownContext || e.defaultPrevented) return;\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      dropdownContext.toggle();\n    } else if (e.key === 'Escape' && dropdownContext.active) {\n      e.preventDefault();\n      dropdownContext.close();\n    }\n  };\n\n  // When the link is not natively interactive (no `href`, not a `<button>`) it\n  // renders as `role=\"button\"`, so a mouse/touch click has no default action to\n  // open the dropdown. Compose the caller's handler and toggle the dropdown\n  // unless the caller prevented the default. Native links/buttons keep their own\n  // click semantics (navigation / the caller's handler).\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    rest.onClick?.(e);\n    if (!isDomEvent(e)) return;\n    if (!dropdownContext || isNativeInteractive || e.defaultPrevented) return;\n    dropdownContext.toggle();\n  };\n\n  return (\n    <Component\n      ref={ref}\n      className={classNames(\n        usePrefixedClassNames('navbar-link', {\n          'is-arrowless': arrowless,\n        }),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n      {...(dropdownContext && {\n        'aria-haspopup': 'true',\n        'aria-expanded': dropdownContext.active,\n        onKeyDown: handleKeyDown,\n        ...(!isNativeInteractive && {\n          role: 'button',\n          tabIndex: 0,\n          onClick: handleClick,\n        }),\n      })}\n      // The same button type default as `Navbar.Item`, for the same reason.\n      {...(Component === 'button' ? { type: buttonType(rest.type) } : {})}\n    >\n      {children}\n    </Component>\n  );\n}) as PolymorphicComponent<NavbarLinkOwnProps, 'a'>;\n\nNavbarLink.displayName = 'NavbarLink';\n\n/**\n * Props for the NavbarDropdown component.\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the dropdown container element.\n */\nexport interface NavbarDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Dropdown aligned right. */\n  right?: boolean;\n  /** Dropdown opens upwards. */\n  up?: boolean;\n  /** Dropdown opens on hover. */\n  hoverable?: boolean;\n  /** Dropdown is open. */\n  active?: boolean;\n  /** Callback when dropdown active state changes. */\n  onActiveChange?: (active: boolean) => void;\n  /** Dropdown content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Dropdown parent (with options for hover, up, right, active)\n *\n * @function\n * @param {NavbarDropdownProps} props - Props for the NavbarDropdown component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the dropdown container element.\n * @returns {JSX.Element} The rendered dropdown.\n */\nexport const NavbarDropdown = forwardRef<HTMLDivElement, NavbarDropdownProps>(\n  function NavbarDropdown(\n    {\n      className,\n      right,\n      up,\n      hoverable,\n      active: activeProp,\n      onActiveChange,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const [active, setActive] = useState<boolean>(!!activeProp);\n\n    useEffect(() => {\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- syncing to controlled prop\n      if (typeof activeProp === 'boolean') setActive(activeProp);\n    }, [activeProp]);\n\n    // Keep `onActiveChange` out of the state updater (a pure function) so Strict\n    // Mode's double-invoked updaters don't double-fire it — mirrors `Dropdown`.\n    const toggle = () => {\n      const next = !active;\n      setActive(next);\n      onActiveChange?.(next);\n    };\n\n    const close = () => {\n      /* istanbul ignore next: close() is only invoked once already active */\n      if (!active) return;\n      setActive(false);\n      onActiveChange?.(false);\n    };\n\n    return (\n      <NavbarDropdownContext.Provider value={{ active, toggle, close }}>\n        <div\n          ref={ref}\n          className={classNames(\n            usePrefixedClassNames('navbar-item', 'has-dropdown', {\n              'has-dropdown-up': up,\n              'is-right': right,\n              'is-hoverable': hoverable,\n              'is-active': active,\n            }),\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </NavbarDropdownContext.Provider>\n    );\n  }\n);\n\nNavbarDropdown.displayName = 'NavbarDropdown';\n\n/**\n * Props for the NavbarDropdownMenu component.\n */\nexport interface NavbarDropdownMenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Dropdown aligned right. */\n  right?: boolean;\n  /** Dropdown opens upwards. */\n  up?: boolean;\n  /** Dropdown menu content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Dropdown menu container\n *\n * @function\n * @param {NavbarDropdownMenuProps} props - Props for the NavbarDropdownMenu component.\n * @returns {JSX.Element} The rendered dropdown menu.\n */\nexport const NavbarDropdownMenu: React.FC<NavbarDropdownMenuProps> = ({\n  className,\n  right,\n  up,\n  children,\n  ...props\n}) => (\n  <div\n    className={classNames(\n      usePrefixedClassNames('navbar-dropdown', {\n        'is-right': right,\n        'is-up': up,\n      }),\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\n/**\n * Divider in dropdown menus.\n *\n * @function\n * @param {React.HTMLAttributes<HTMLHRElement>} props - Standard hr props.\n * @returns {JSX.Element} The rendered divider.\n */\nexport const NavbarDivider: React.FC<React.HTMLAttributes<HTMLHRElement>> = ({\n  className,\n  ...props\n}) => (\n  <hr\n    className={classNames(usePrefixedClassNames('navbar-divider'), className)}\n    {...props}\n  />\n);\n\n// Attach subcomponents\nexport const Navbar = withSubComponents(\n  NavbarComponent,\n  {\n    Brand: NavbarBrand,\n    Item: NavbarItem,\n    Link: NavbarLink,\n    Burger: NavbarBurger,\n    Menu: NavbarMenu,\n    Start: NavbarStart,\n    End: NavbarEnd,\n    Dropdown: NavbarDropdown,\n    DropdownMenu: NavbarDropdownMenu,\n    Divider: NavbarDivider,\n  },\n  'Navbar'\n);\n\nexport default Navbar;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Navbar.js","sources":["../../../src/components/Navbar.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useEffect, useState } from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport type { PolymorphicComponent } from '../helpers/polymorphic';\nimport { buttonType } from '../helpers/buttonType';\nimport {\n  useBulmaClasses,\n  BulmaClassesProps,\n  validColors,\n} from '../helpers/useBulmaClasses';\n\n/**\n * Shared state a `Navbar.Dropdown` exposes to its `Navbar.Link` trigger so the\n * trigger needs no hand-wired ARIA or keyboard handling.\n */\ninterface NavbarDropdownContextValue {\n  /** Whether the dropdown is currently open. */\n  active: boolean;\n  /** Flips the open state. */\n  toggle: () => void;\n  /** Closes the dropdown (no-op if already closed). */\n  close: () => void;\n}\n\nconst NavbarDropdownContext =\n  React.createContext<NavbarDropdownContextValue | null>(null);\n\n/**\n * Props for the Navbar component.\n * @extraProp {React.Ref<HTMLElement>} [ref] - Ref forwarded to the root `<nav>` element.\n */\nexport interface NavbarProps\n  extends\n    React.HTMLAttributes<HTMLElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes for the navbar. */\n  className?: string;\n  /** Text color for the navbar. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Bulma color modifier for the navbar. */\n  color?:\n    | 'primary'\n    | 'link'\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'black'\n    | 'dark'\n    | 'light'\n    | 'white';\n  /** Background color for the navbar. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Renders the navbar with a transparent background. */\n  transparent?: boolean;\n  /**\n   * Renders Bulma's `is-spaced`: padding around the navbar, rounded items\n   * and boxed dropdowns. Bulma applies it from the desktop breakpoint up, so\n   * below that the navbar looks the same either way. With `fixed=\"top\"`, put\n   * `has-spaced-navbar-fixed-top` on `<html>` beside `has-navbar-fixed-top`\n   * (the `-bottom` pair for `fixed=\"bottom\"`). From desktop up the spaced\n   * navbar is taller than `has-navbar-fixed-top` pads the page for, and\n   * there the spaced class pads it for the taller navbar.\n   */\n  isSpaced?: boolean;\n  /**\n   * Renders Bulma's `has-shadow`: a shadow below the navbar, or above it with\n   * `fixed=\"bottom\"`. Off unless set, since Bulma's navbar has no shadow of\n   * its own. `Box` and `Card` take a `hasShadow` that defaults to `true`\n   * instead, because Bulma gives those a shadow already.\n   */\n  hasShadow?: boolean;\n  /** Fixes the navbar to the top or bottom of the viewport. */\n  fixed?: 'top' | 'bottom';\n  /** Navbar content (compose with subcomponents). */\n  children?: React.ReactNode;\n}\n\n/**\n * The `Navbar` component implements Bulma's powerful, responsive navigation bar for your Bulma React UI.\n *\n * @function\n * @param {NavbarProps} props - Props for the Navbar component.\n * @param {React.Ref<HTMLElement>} ref - Forwarded ref to the root `<nav>` element.\n * @returns {JSX.Element} The rendered navbar.\n * @see {@link https://bulma.io/documentation/components/navbar/ | Bulma Navbar documentation}\n */\nconst NavbarComponent = forwardRef<HTMLElement, NavbarProps>(\n  function NavbarComponent(\n    {\n      className,\n      textColor,\n      bgColor,\n      color,\n      transparent,\n      isSpaced,\n      hasShadow,\n      fixed,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const { bulmaHelperClasses, rest } = useBulmaClasses({\n      color: textColor,\n      backgroundColor: bgColor,\n      ...props,\n    });\n\n    // Generate Bulma classes with prefix\n    const bulmaClasses = usePrefixedClassNames('navbar', {\n      [`is-${color}`]: color,\n      'is-transparent': transparent,\n      'is-spaced': isSpaced,\n      'has-shadow': hasShadow,\n      [`is-fixed-${fixed}`]: fixed,\n    });\n\n    const navbarClasses = classNames(\n      bulmaClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    return (\n      <nav\n        ref={ref}\n        className={navbarClasses}\n        role=\"navigation\"\n        aria-label=\"main navigation\"\n        {...rest}\n      >\n        {children}\n      </nav>\n    );\n  }\n);\n\n/**\n * Props for the NavbarBrand component.\n */\nexport interface NavbarBrandProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Text color for the brand. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /**\n   * Renders `has-text-<color>`, exactly like `textColor`. Bulma has no\n   * `.navbar-brand.is-<color>` rule, so this is not a filled variant.\n   * `textColor` takes precedence when both are set, and is the one that\n   * reaches the full color list.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Brand content. */\n  children?: React.ReactNode;\n}\n\n/**\n * For logo and branding (left side)\n *\n * @function\n * @param {NavbarBrandProps} props - Props for the NavbarBrand component.\n * @returns {JSX.Element} The rendered brand area.\n */\nexport const NavbarBrand: React.FC<NavbarBrandProps> = ({\n  className,\n  children,\n  textColor,\n  color,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    ...props,\n  });\n\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('navbar-brand'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * The NavbarItem component's own props — everything it adds on top of the\n * attributes of whatever element `as` renders.\n */\nexport interface NavbarItemOwnProps extends Omit<\n  BulmaClassesProps,\n  'color' | 'backgroundColor'\n> {\n  /**\n   * Not accepted. `color` here would be the deprecated presentational HTML\n   * attribute, and `useBulmaClasses` consumes any `color` key as a Bulma helper\n   * before the target could see it — so it is declared unavailable rather than\n   * silently eaten. Use `textColor` / `bgColor`.\n   * @internal\n   */\n  color?: never;\n  /**\n   * Not accepted under this name. `useBulmaClasses` consumes any\n   * `backgroundColor` key before `rest` is spread, so a custom `as` target\n   * declaring one would never receive it. Use `bgColor`.\n   * @internal\n   */\n  backgroundColor?: never;\n  /** Additional CSS classes. */\n  className?: string;\n  /** Whether the item is active. */\n  active?: boolean;\n  /** Text color for the item. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color for the item. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Navbar item content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the NavbarItem component. The DOM attributes and the `ref` both\n * follow `as`: rendering as a router link accepts that component's props (`to`\n * and friends) by inference, and `as=\"span\"` rejects `href`.\n *\n * @extraProp {PolymorphicRef<React.ElementType>} [ref] - Ref forwarded to the element `as` renders, typed from `as`: the DOM node for an intrinsic tag, or whatever handle a custom component exposes.\n */\nexport type NavbarItemProps<T extends React.ElementType = 'a'> =\n  NavbarItemOwnProps &\n    Omit<React.ComponentPropsWithoutRef<T>, keyof NavbarItemOwnProps | 'as'> & {\n      /**\n       * Render as another intrinsic element (`'span'`, `'div'`, `'button'`) or a custom component (e.g. a router link). Defaults to `'a'`.\n       *\n       * `'button'` renders `type=\"button\"`, so an item inside a form does not submit it. Pass\n       * `type=\"submit\"` or `type=\"reset\"` and yours is used; any other value, or a spread\n       * carrying `type: undefined`, renders `type=\"button\"`.\n       */\n      as?: T;\n    };\n\n/**\n * The shape the implementation destructures. The public contract is the generic\n * `NavbarItemProps<T>` above — the body cannot see through `T`.\n */\ntype NavbarItemImplProps = NavbarItemOwnProps & {\n  as?: React.ElementType;\n  type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n};\n\n/**\n * Navigation links, buttons, or custom content\n *\n * @function\n * @param {NavbarItemProps} props - Props for the NavbarItem component.\n * @param {React.Ref} ref - Forwarded ref to the element `as` renders.\n * @returns {JSX.Element} The rendered item.\n */\nexport const NavbarItem = forwardRef(function NavbarItem(\n  itemProps: NavbarItemProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const {\n    className,\n    as: Component = 'a',\n    active,\n    textColor,\n    bgColor,\n    children,\n    ...props\n  } = itemProps as NavbarItemImplProps;\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor,\n    backgroundColor: bgColor,\n    ...props,\n  });\n\n  return (\n    <Component\n      ref={ref}\n      className={classNames(\n        usePrefixedClassNames('navbar-item', {\n          'is-active': active,\n        }),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n      // A `<button>` defaults to type=\"submit\", and a navbar inside a form must\n      // not submit it. After the spread, reading through it, so a spread\n      // carrying `type: undefined` cannot erase the default. A caller's\n      // `submit` or `reset` still wins; `buttonType` says more.\n      {...(Component === 'button' ? { type: buttonType(rest.type) } : {})}\n    >\n      {children}\n    </Component>\n  );\n}) as PolymorphicComponent<NavbarItemOwnProps, 'a'>;\n\nNavbarItem.displayName = 'NavbarItem';\n\n/**\n * Props for the NavbarBurger component.\n * @extraProp {React.Ref<HTMLButtonElement>} [ref] - Ref forwarded to the burger button element.\n * @extraProp {'button' | 'submit' | 'reset'} [type='button'] - Button type. Defaults to `'button'`, so a burger inside a form does not submit it. Pass `'submit'` or `'reset'` and yours is used; any other value, or a spread carrying `type: undefined`, renders `'button'`.\n */\nexport interface NavbarBurgerProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-expanded'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Text color for the burger. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /**\n   * Renders `has-text-<color>`, exactly like `textColor`. Bulma has no\n   * `.navbar-burger.is-<color>` rule, so this is not a filled variant.\n   * `textColor` takes precedence when both are set, and is the one that\n   * reaches the full color list.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Whether the burger is active. */\n  active?: boolean;\n  /**\n   * Custom content inside the burger, rendered after its four bar spans.\n   * Bulma styles every `<span>` in the burger as a bar, so an extra span here\n   * draws an extra bar.\n   */\n  children?: React.ReactNode;\n  /**\n   * Accessible name. Pass your own to replace it. An empty one, or a spread\n   * carrying `'aria-label': undefined`, keeps the default rather than leaving\n   * the button unnamed.\n   * @defaultValue 'menu'\n   */\n  'aria-label'?: string;\n  /**\n   * Expanded state for assistive technology. It follows `active` unless you\n   * pass `true` or `false`, and `null` leaves it off, for a burger whose\n   * state isn't known yet; a spread carrying `'aria-expanded': undefined`\n   * still follows `active`.\n   * @defaultValue active\n   */\n  'aria-expanded'?: boolean | null;\n  /** Click handler. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\n/**\n * Responsive menu toggle (mobile)\n *\n * @function\n * @param {NavbarBurgerProps} props - Props for the NavbarBurger component.\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref to the burger button element.\n * @returns {JSX.Element} The rendered burger.\n */\nexport const NavbarBurger = forwardRef<HTMLButtonElement, NavbarBurgerProps>(\n  function NavbarBurger(\n    { className, active, textColor, color, children, ...props },\n    ref\n  ) {\n    const { bulmaHelperClasses, rest } = useBulmaClasses({\n      color: textColor ?? color,\n      ...props,\n    });\n\n    return (\n      <button\n        ref={ref}\n        className={classNames(\n          usePrefixedClassNames('navbar-burger', {\n            'is-active': active,\n          }),\n          bulmaHelperClasses,\n          className\n        )}\n        {...rest}\n        // After the spread, reading through it: a key the spread carries with\n        // no value would otherwise erase the default, leaving a nameless\n        // button that submits the form around it. An empty label falls back\n        // too: the button is drawn as an icon, so `''` would leave it unnamed.\n        // A caller's own value still wins; `buttonType` says more.\n        aria-label={rest['aria-label'] || 'menu'}\n        aria-expanded={\n          rest['aria-expanded'] === null\n            ? undefined\n            : (rest['aria-expanded'] ?? !!active)\n        }\n        type={buttonType(rest.type)}\n      >\n        {/* Bulma v1's burger mixin positions four spans: the first two meet\n            in the middle (they rotate into the X), the third and fourth draw\n            the top and bottom bars. */}\n        <span aria-hidden=\"true\"></span>\n        <span aria-hidden=\"true\"></span>\n        <span aria-hidden=\"true\"></span>\n        <span aria-hidden=\"true\"></span>\n        {children}\n      </button>\n    );\n  }\n);\n\nNavbarBurger.displayName = 'NavbarBurger';\n\n/**\n * Props for the NavbarMenu component.\n */\nexport interface NavbarMenuProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Text color for the menu. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /**\n   * Renders `has-text-<color>`, exactly like `textColor`. Bulma has no\n   * `.navbar-menu.is-<color>` rule, so this is not a filled variant.\n   * `textColor` takes precedence when both are set, and is the one that\n   * reaches the full color list.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Whether the menu is active. */\n  active?: boolean;\n  /** Menu content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Collapsible content (contains `Navbar.Start` and `Navbar.End`)\n *\n * @function\n * @param {NavbarMenuProps} props - Props for the NavbarMenu component.\n * @returns {JSX.Element} The rendered menu.\n */\nexport const NavbarMenu: React.FC<NavbarMenuProps> = ({\n  className,\n  active,\n  textColor,\n  color,\n  children,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    ...props,\n  });\n\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('navbar-menu', {\n          'is-active': active,\n        }),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Props for the NavbarStartEnd component.\n */\nexport interface NavbarStartEndProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Text color. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /**\n   * Renders `has-text-<color>`, exactly like `textColor`. Bulma has no\n   * `is-<color>` rule for this area, so this is not a filled variant.\n   * `textColor` takes precedence when both are set, and is the one that\n   * reaches the full color list.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Left-aligned menu area\n *\n * @function\n * @param {NavbarStartEndProps} props - Props for the NavbarStart component.\n * @returns {JSX.Element} The rendered start area.\n */\nexport const NavbarStart: React.FC<NavbarStartEndProps> = ({\n  className,\n  textColor,\n  color,\n  children,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    ...props,\n  });\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('navbar-start'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Right-aligned menu area\n *\n * @function\n * @param {NavbarStartEndProps} props - Props for the NavbarEnd component.\n * @returns {JSX.Element} The rendered end area.\n */\nexport const NavbarEnd: React.FC<NavbarStartEndProps> = ({\n  className,\n  textColor,\n  color,\n  children,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    ...props,\n  });\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('navbar-end'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * The NavbarLink component's own props — everything it adds on top of the\n * attributes of whatever element `as` renders.\n */\nexport interface NavbarLinkOwnProps extends Omit<\n  BulmaClassesProps,\n  'color' | 'backgroundColor'\n> {\n  /**\n   * Not accepted. `color` here would be the deprecated presentational HTML\n   * attribute, and `useBulmaClasses` consumes any `color` key as a Bulma helper\n   * before the target could see it — so it is declared unavailable rather than\n   * silently eaten. Use `textColor` / `bgColor`.\n   * @internal\n   */\n  color?: never;\n  /**\n   * Not accepted under this name. `useBulmaClasses` consumes any\n   * `backgroundColor` key before `rest` is spread, so a custom `as` target\n   * declaring one would never receive it. Use `bgColor`.\n   * @internal\n   */\n  backgroundColor?: never;\n  /** Additional CSS classes. */\n  className?: string;\n  /** Remove the dropdown arrow indicator. */\n  arrowless?: boolean;\n  /** Text color. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Link content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the NavbarLink component. The DOM attributes and the `ref` both\n * follow `as`: `as=\"button\"` accepts the button attributes and a button ref,\n * and `as=\"span\"` rejects `href` and `target`. Not `rel` — React declares it on\n * `HTMLAttributes<T>`, so it is valid on every element, and rejecting it would\n * mean diverging from React's own typing.\n *\n * @extraProp {PolymorphicRef<React.ElementType>} [ref] - Ref forwarded to the element `as` renders, typed from `as`: the DOM node for an intrinsic tag, or whatever handle a custom component exposes.\n */\nexport type NavbarLinkProps<T extends React.ElementType = 'a'> =\n  NavbarLinkOwnProps &\n    Omit<React.ComponentPropsWithoutRef<T>, keyof NavbarLinkOwnProps | 'as'> & {\n      /**\n       * Render as another intrinsic element (`'button'`, `'span'`) or a custom component. Defaults to `'a'`.\n       *\n       * Inside a `Navbar.Dropdown` this also decides the trigger's semantics. A custom\n       * component is taken to be interactive already — a router link, typically — so it\n       * keeps its own role and click behaviour. An intrinsic tag is judged on what it is:\n       * `'button'`, or anything carrying an `href`, is left alone, and everything else\n       * (`'span'`, a bare `'a'`, a custom element) gets `role=\"button\"`, `tabIndex` and a\n       * click that opens the dropdown.\n       *\n       * If your custom component renders something non-interactive, pass `role=\"button\"` and\n       * it takes that fallback too — `tabIndex` and click included. The keyboard path is\n       * attached either way.\n       *\n       * `'button'` renders `type=\"button\"`, so a link inside a form does not submit it. Pass\n       * `type=\"submit\"` or `type=\"reset\"` and yours is used; any other value, or a spread\n       * carrying `type: undefined`, renders `type=\"button\"`.\n       */\n      as?: T;\n    };\n\n/**\n * The shape the implementation destructures. The public contract is the generic\n * `NavbarLinkProps<T>` above — the body cannot see through `T`, so it names the\n * handful of DOM props it actually reads back off `rest`.\n */\ntype NavbarLinkImplProps = NavbarLinkOwnProps & {\n  as?: React.ElementType;\n  href?: string;\n  role?: React.AriaRole;\n  onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement>;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n  type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n};\n\n/**\n * Dropdown trigger with arrow indicator (use as first child of `Navbar.Dropdown`)\n *\n * @function\n * @param {NavbarLinkProps} props - Props for the NavbarLink component.\n * @param {React.Ref} ref - Forwarded ref to the element `as` renders.\n * @returns {JSX.Element} The rendered navbar link.\n */\nexport const NavbarLink = forwardRef(function NavbarLink(\n  linkProps: NavbarLinkProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const {\n    className,\n    as: Component = 'a',\n    arrowless,\n    textColor,\n    bgColor,\n    children,\n    ...props\n  } = linkProps as NavbarLinkImplProps;\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor,\n    backgroundColor: bgColor,\n    ...props,\n  });\n\n  const dropdownContext = useContext(NavbarDropdownContext);\n  const hasHref = rest.href !== undefined;\n  // What a custom component renders cannot be read off its input props, and the\n  // prop that ends in an anchor belongs to the router, not to us — `to`, `state`,\n  // `params` and a dozen further spellings all get there. Sniffing for more names\n  // trades one wrong guess for another, so a non-string `as` counts as\n  // interactive: announcing a real anchor as a button, and layering a synthetic\n  // click over its navigation, is the worse of the two failures (#668).\n  //\n  // A custom ELEMENT stays out of it. A hyphenated tag is a real DOM element and\n  // none of those is natively interactive, so `<x-trigger>` keeps the fallback\n  // exactly like `as=\"span\"` — the same line `Avatar` draws for `role=\"img\"`.\n  //\n  // Where we are guessing, the caller settles it: a custom target that declares\n  // `role=\"button\"` is saying it is a button and not a link, so it takes the\n  // whole fallback — including the click, which is the half it could not supply\n  // itself. `Avatar` gives the same escape hatch to the same guess. An `href`\n  // still wins: a target with somewhere to navigate is a link whatever role it\n  // claims.\n  const customTargetIsButton =\n    typeof Component !== 'string' && rest.role === 'button';\n\n  const isNativeInteractive =\n    Component === 'button' ||\n    (typeof Component !== 'string' && !customTargetIsButton) ||\n    hasHref;\n\n  // Guarded like Button's disabled blocker: these run on whatever `as` renders,\n  // and a custom target's callback need not take a DOM event. One declaring\n  // `onKeyDown: (k: {key: string}) => void` reaches `e.preventDefault()` and\n  // throws. Composing the caller's handler is unconditional; acting on the\n  // event is not ours to do when the payload is foreign.\n  const isDomEvent = (e: unknown): e is { preventDefault: () => void } =>\n    typeof (e as { preventDefault?: unknown })?.preventDefault === 'function';\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n    rest.onKeyDown?.(e);\n    if (!isDomEvent(e)) return;\n    if (!dropdownContext || e.defaultPrevented) return;\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      dropdownContext.toggle();\n    } else if (e.key === 'Escape' && dropdownContext.active) {\n      e.preventDefault();\n      dropdownContext.close();\n    }\n  };\n\n  // When the link is not natively interactive (no `href`, not a `<button>`) it\n  // renders as `role=\"button\"`, so a mouse/touch click has no default action to\n  // open the dropdown. Compose the caller's handler and toggle the dropdown\n  // unless the caller prevented the default. Native links/buttons keep their own\n  // click semantics (navigation / the caller's handler).\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    rest.onClick?.(e);\n    if (!isDomEvent(e)) return;\n    if (!dropdownContext || isNativeInteractive || e.defaultPrevented) return;\n    dropdownContext.toggle();\n  };\n\n  return (\n    <Component\n      ref={ref}\n      className={classNames(\n        usePrefixedClassNames('navbar-link', {\n          'is-arrowless': arrowless,\n        }),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n      {...(dropdownContext && {\n        'aria-haspopup': 'true',\n        'aria-expanded': dropdownContext.active,\n        onKeyDown: handleKeyDown,\n        ...(!isNativeInteractive && {\n          role: 'button',\n          tabIndex: 0,\n          onClick: handleClick,\n        }),\n      })}\n      // The same button type default as `Navbar.Item`, for the same reason.\n      {...(Component === 'button' ? { type: buttonType(rest.type) } : {})}\n    >\n      {children}\n    </Component>\n  );\n}) as PolymorphicComponent<NavbarLinkOwnProps, 'a'>;\n\nNavbarLink.displayName = 'NavbarLink';\n\n/**\n * Props for the NavbarDropdown component.\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the dropdown container element.\n */\nexport interface NavbarDropdownProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Dropdown aligned right. */\n  right?: boolean;\n  /** Dropdown opens upwards. */\n  up?: boolean;\n  /** Dropdown opens on hover. */\n  hoverable?: boolean;\n  /** Dropdown is open. */\n  active?: boolean;\n  /** Callback when dropdown active state changes. */\n  onActiveChange?: (active: boolean) => void;\n  /** Dropdown content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Dropdown parent (with options for hover, up, right, active)\n *\n * @function\n * @param {NavbarDropdownProps} props - Props for the NavbarDropdown component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the dropdown container element.\n * @returns {JSX.Element} The rendered dropdown.\n */\nexport const NavbarDropdown = forwardRef<HTMLDivElement, NavbarDropdownProps>(\n  function NavbarDropdown(\n    {\n      className,\n      right,\n      up,\n      hoverable,\n      active: activeProp,\n      onActiveChange,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const [active, setActive] = useState<boolean>(!!activeProp);\n\n    useEffect(() => {\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- syncing to controlled prop\n      if (typeof activeProp === 'boolean') setActive(activeProp);\n    }, [activeProp]);\n\n    // Keep `onActiveChange` out of the state updater (a pure function) so Strict\n    // Mode's double-invoked updaters don't double-fire it — mirrors `Dropdown`.\n    const toggle = () => {\n      const next = !active;\n      setActive(next);\n      onActiveChange?.(next);\n    };\n\n    const close = () => {\n      /* istanbul ignore next: close() is only invoked once already active */\n      if (!active) return;\n      setActive(false);\n      onActiveChange?.(false);\n    };\n\n    return (\n      <NavbarDropdownContext.Provider value={{ active, toggle, close }}>\n        <div\n          ref={ref}\n          className={classNames(\n            usePrefixedClassNames('navbar-item', 'has-dropdown', {\n              'has-dropdown-up': up,\n              'is-right': right,\n              'is-hoverable': hoverable,\n              'is-active': active,\n            }),\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </NavbarDropdownContext.Provider>\n    );\n  }\n);\n\nNavbarDropdown.displayName = 'NavbarDropdown';\n\n/**\n * Props for the NavbarDropdownMenu component.\n */\nexport interface NavbarDropdownMenuProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Dropdown aligned right. */\n  right?: boolean;\n  /** Dropdown opens upwards. */\n  up?: boolean;\n  /** Dropdown menu content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Dropdown menu container\n *\n * @function\n * @param {NavbarDropdownMenuProps} props - Props for the NavbarDropdownMenu component.\n * @returns {JSX.Element} The rendered dropdown menu.\n */\nexport const NavbarDropdownMenu: React.FC<NavbarDropdownMenuProps> = ({\n  className,\n  right,\n  up,\n  children,\n  ...props\n}) => (\n  <div\n    className={classNames(\n      usePrefixedClassNames('navbar-dropdown', {\n        'is-right': right,\n        'is-up': up,\n      }),\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\n/**\n * Divider in dropdown menus.\n *\n * @function\n * @param {React.HTMLAttributes<HTMLHRElement>} props - Standard hr props.\n * @returns {JSX.Element} The rendered divider.\n */\nexport const NavbarDivider: React.FC<React.HTMLAttributes<HTMLHRElement>> = ({\n  className,\n  ...props\n}) => (\n  <hr\n    className={classNames(usePrefixedClassNames('navbar-divider'), className)}\n    {...props}\n  />\n);\n\n// Attach subcomponents\nexport const Navbar = withSubComponents(\n  NavbarComponent,\n  {\n    Brand: NavbarBrand,\n    Item: NavbarItem,\n    Link: NavbarLink,\n    Burger: NavbarBurger,\n    Menu: NavbarMenu,\n    Start: NavbarStart,\n    End: NavbarEnd,\n    Dropdown: NavbarDropdown,\n    DropdownMenu: NavbarDropdownMenu,\n    Divider: NavbarDivider,\n  },\n  'Navbar'\n);\n\nexport default Navbar;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAwBA,MAAM,qBAAqB,GACzB,KAAK,CAAC,aAAa,CAAoC,IAAI,CAAC;AAqD9D;;;;;;;;AAQG;AACH,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EACE,SAAS,EACT,SAAS,EACT,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EAAA;AAEH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;AACnD,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,eAAe,EAAE,OAAO;AACxB,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;;AAGF,IAAA,MAAM,YAAY,GAAG,qBAAqB,CAAC,QAAQ,EAAE;AACnD,QAAA,CAAC,CAAA,GAAA,EAAM,KAAK,CAAA,CAAE,GAAG,KAAK;AACtB,QAAA,gBAAgB,EAAE,WAAW;AAC7B,QAAA,WAAW,EAAE,QAAQ;AACrB,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,CAAC,CAAA,SAAA,EAAY,KAAK,CAAA,CAAE,GAAG,KAAK;AAC7B,KAAA,CAAC;IAEF,MAAM,aAAa,GAAG,UAAU,CAC9B,YAAY,EACZ,kBAAkB,EAClB,SAAS,CACV;IAED,QACEA,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,EACxB,IAAI,EAAC,YAAY,gBACN,iBAAiB,EAAA,GACxB,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACL;AAEV,CAAC,CACF;AAwBD;;;;;;AAMG;AACI,MAAM,WAAW,GAA+B,CAAC,EACtD,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACnD,KAAK,EAAE,SAAS,IAAI,KAAK;AACzB,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;IAEF,QACEA,aACE,SAAS,EAAE,UAAU,CACnB,qBAAqB,CAAC,cAAc,CAAC,EACrC,kBAAkB,EAClB,SAAS,CACV,EAAA,GACG,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACL;AAEV;AAkEA;;;;;;;AAOG;AACI,MAAM,UAAU,GAAG,UAAU,CAAC,SAAS,UAAU,CACtD,SAA0B,EAC1B,GAA2B,EAAA;IAE3B,MAAM,EACJ,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,SAAgC;AACpC,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;AACnD,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,eAAe,EAAE,OAAO;AACxB,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,qBAAqB,CAAC,aAAa,EAAE;AACnC,YAAA,WAAW,EAAE,MAAM;AACpB,SAAA,CAAC,EACF,kBAAkB,EAClB,SAAS,CACV,EAAA,GACG,IAAI,EAAA,IAKH,SAAS,KAAK,QAAQ,GAAG,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,EAAA,QAAA,EAElE,QAAQ,EAAA,CACC;AAEhB,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;AAiDrC;;;;;;;AAOG;AACI,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CACnB,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC3D,GAAG,EAAA;AAEH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACnD,KAAK,EAAE,SAAS,IAAI,KAAK;AACzB,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;AAEF,IAAA,QACEC,IAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,qBAAqB,CAAC,eAAe,EAAE;AACrC,YAAA,WAAW,EAAE,MAAM;SACpB,CAAC,EACF,kBAAkB,EAClB,SAAS,CACV,EAAA,GACG,IAAI,gBAMI,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,EAAA,eAAA,EAEtC,IAAI,CAAC,eAAe,CAAC,KAAK;AACxB,cAAE;AACF,eAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAEzC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,QAAA,EAAA,CAK3BD,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAA,CAAQ,EAChCA,6BAAkB,MAAM,EAAA,CAAQ,EAChCA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAA,CAAQ,EAChCA,6BAAkB,MAAM,EAAA,CAAQ,EAC/B,QAAQ,CAAA,EAAA,CACF;AAEb,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;AA0BzC;;;;;;AAMG;MACU,UAAU,GAA8B,CAAC,EACpD,SAAS,EACT,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACnD,KAAK,EAAE,SAAS,IAAI,KAAK;AACzB,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;IAEF,QACEA,aACE,SAAS,EAAE,UAAU,CACnB,qBAAqB,CAAC,aAAa,EAAE;AACnC,YAAA,WAAW,EAAE,MAAM;SACpB,CAAC,EACF,kBAAkB,EAClB,SAAS,CACV,EAAA,GACG,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACL;AAEV;AAwBA;;;;;;AAMG;AACI,MAAM,WAAW,GAAkC,CAAC,EACzD,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACnD,KAAK,EAAE,SAAS,IAAI,KAAK;AACzB,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;IACF,QACEA,aACE,SAAS,EAAE,UAAU,CACnB,qBAAqB,CAAC,cAAc,CAAC,EACrC,kBAAkB,EAClB,SAAS,CACV,EAAA,GACG,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACL;AAEV;AAEA;;;;;;AAMG;AACI,MAAM,SAAS,GAAkC,CAAC,EACvD,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;QACnD,KAAK,EAAE,SAAS,IAAI,KAAK;AACzB,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;IACF,QACEA,aACE,SAAS,EAAE,UAAU,CACnB,qBAAqB,CAAC,YAAY,CAAC,EACnC,kBAAkB,EAClB,SAAS,CACV,EAAA,GACG,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACL;AAEV;AAoFA;;;;;;;AAOG;AACI,MAAM,UAAU,GAAG,UAAU,CAAC,SAAS,UAAU,CACtD,SAA0B,EAC1B,GAA2B,EAAA;IAE3B,MAAM,EACJ,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,SAAgC;AACpC,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;AACnD,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,eAAe,EAAE,OAAO;AACxB,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,qBAAqB,CAAC;AACzD,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS;;;;;;;;;;;;;;;;;;AAkBvC,IAAA,MAAM,oBAAoB,GACxB,OAAO,SAAS,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ;AAEzD,IAAA,MAAM,mBAAmB,GACvB,SAAS,KAAK,QAAQ;AACtB,SAAC,OAAO,SAAS,KAAK,QAAQ,IAAI,CAAC,oBAAoB,CAAC;AACxD,QAAA,OAAO;;;;;;AAOT,IAAA,MAAM,UAAU,GAAG,CAAC,CAAU,KAC5B,OAAQ,CAAkC,EAAE,cAAc,KAAK,UAAU;AAE3E,IAAA,MAAM,aAAa,GAAG,CAAC,CAAyC,KAAI;AAClE,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;AACnB,QAAA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;YAAE;AACpB,QAAA,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC,gBAAgB;YAAE;AAC5C,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;YACtC,CAAC,CAAC,cAAc,EAAE;YAClB,eAAe,CAAC,MAAM,EAAE;QAC1B;aAAO,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,eAAe,CAAC,MAAM,EAAE;YACvD,CAAC,CAAC,cAAc,EAAE;YAClB,eAAe,CAAC,KAAK,EAAE;QACzB;AACF,IAAA,CAAC;;;;;;AAOD,IAAA,MAAM,WAAW,GAAG,CAAC,CAAsC,KAAI;AAC7D,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;AACjB,QAAA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;YAAE;AACpB,QAAA,IAAI,CAAC,eAAe,IAAI,mBAAmB,IAAI,CAAC,CAAC,gBAAgB;YAAE;QACnE,eAAe,CAAC,MAAM,EAAE;AAC1B,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,qBAAqB,CAAC,aAAa,EAAE;AACnC,YAAA,cAAc,EAAE,SAAS;SAC1B,CAAC,EACF,kBAAkB,EAClB,SAAS,CACV,KACG,IAAI,EAAA,IACH,eAAe,IAAI;AACtB,YAAA,eAAe,EAAE,MAAM;YACvB,eAAe,EAAE,eAAe,CAAC,MAAM;AACvC,YAAA,SAAS,EAAE,aAAa;YACxB,IAAI,CAAC,mBAAmB,IAAI;AAC1B,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,QAAQ,EAAE,CAAC;AACX,gBAAA,OAAO,EAAE,WAAW;aACrB,CAAC;SACH,CAAC,EAAA,IAEG,SAAS,KAAK,QAAQ,GAAG,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,EAAA,QAAA,EAElE,QAAQ,EAAA,CACC;AAEhB,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;AAuBrC;;;;;;;AAOG;AACI,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CACrB,EACE,SAAS,EACT,KAAK,EACL,EAAE,EACF,SAAS,EACT,MAAM,EAAE,UAAU,EAClB,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EAAA;AAEH,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,CAAC,CAAC,UAAU,CAAC;IAE3D,SAAS,CAAC,MAAK;;QAEb,IAAI,OAAO,UAAU,KAAK,SAAS;YAAE,SAAS,CAAC,UAAU,CAAC;AAC5D,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;;;IAIhB,MAAM,MAAM,GAAG,MAAK;AAClB,QAAA,MAAM,IAAI,GAAG,CAAC,MAAM;QACpB,SAAS,CAAC,IAAI,CAAC;AACf,QAAA,cAAc,GAAG,IAAI,CAAC;AACxB,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,MAAK;;AAEjB,QAAA,IAAI,CAAC,MAAM;YAAE;QACb,SAAS,CAAC,KAAK,CAAC;AAChB,QAAA,cAAc,GAAG,KAAK,CAAC;AACzB,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAA,QAAA,EAC9DA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,qBAAqB,CAAC,aAAa,EAAE,cAAc,EAAE;AACnD,gBAAA,iBAAiB,EAAE,EAAE;AACrB,gBAAA,UAAU,EAAE,KAAK;AACjB,gBAAA,cAAc,EAAE,SAAS;AACzB,gBAAA,WAAW,EAAE,MAAM;aACpB,CAAC,EACF,SAAS,CACV,EAAA,GACG,KAAK,YAER,QAAQ,EAAA,CACL,EAAA,CACyB;AAErC,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;AAgB7C;;;;;;AAMG;AACI,MAAM,kBAAkB,GAAsC,CAAC,EACpE,SAAS,EACT,KAAK,EACL,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,MACCA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,CACnB,qBAAqB,CAAC,iBAAiB,EAAE;AACvC,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,OAAO,EAAE,EAAE;KACZ,CAAC,EACF,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACL;AAGR;;;;;;AAMG;AACI,MAAM,aAAa,GAAkD,CAAC,EAC3E,SAAS,EACT,GAAG,KAAK,EACT,MACCA,GAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,EAAA,GACrE,KAAK,EAAA,CACT;AAGJ;AACO,MAAM,MAAM,GAAG,iBAAiB,CACrC,eAAe,EACf;AACE,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,GAAG,EAAE,SAAS;AACd,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,OAAO,EAAE,aAAa;CACvB,EACD,QAAQ;;"}