@allxsmith/bestax-bulma 5.65.1 → 5.66.0

package/dist/esm/components/Card.js

@@ -104,7 +104,7 @@ const STRIP_FROM_NON_BUTTON = {
  * @param {CardHeaderProps} props - Props for the CardHeader component.
  * @returns {JSX.Element} The rendered card header.
  */
-const CardHeader = ({ className, children, centered, color, bgColor, textColor, ...props }) => {
+const CardHeaderComponent = ({ className, children, centered, color, bgColor, textColor, ...props }) => {
     const { classPrefix } = useConfig();
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         color: textColor ?? color,
@@ -235,19 +235,19 @@ const CardFooterItem = ({ as = 'span', className, children, color, bgColor, text
     }
     return (jsx("span", { className: itemClasses, ...omitAttrs(forwarded, STRIP_FROM_NON_BUTTON), children: children }));
 };
-// Attach nested Title and Icon components to CardHeader
-const CardHeaderCompound = withSubComponents(CardHeader, {
+// Export the compound, not the bare function, so `CardHeader.Title` typechecks.
+const CardHeader = withSubComponents(CardHeaderComponent, {
     Title: CardHeaderTitle,
     Icon: CardHeaderIcon,
-});
+}, 'CardHeader');
 /** Card component with Header, Image, Content, Footer, and FooterItem sub-components. */
 const Card = withSubComponents(CardComponent, {
-    Header: CardHeaderCompound,
+    Header: CardHeader,
     Image: CardImage,
     Content: CardContent,
     Footer: CardFooter,
     FooterItem: CardFooterItem,
 }, 'Card');
 
-export { Card };
+export { Card, CardContent, CardFooter, CardFooterItem, CardHeader, CardHeaderIcon, CardHeaderTitle, CardImage };
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  classNames,\n  usePrefixedClassNames,\n  prefixedClassNames,\n} from '../helpers/classNames';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport {\n  type AnchorOnlyAttributes,\n  ANCHOR_ONLY_ATTRS,\n  omitAttrs,\n} from '../helpers/anchorAttrs';\nimport { buttonType } from '../helpers/buttonType';\nimport {\n  useBulmaClasses,\n  BulmaClassesProps,\n  validColors,\n  validSchemeColors,\n} from '../helpers/useBulmaClasses';\nimport { mergeBulmaStyles } from '../helpers/mergeBulmaStyles';\nimport { useConfig } from '../helpers/Config';\n\n/**\n * Props for the Card component.\n * @extraProp {'centered' | 'justified' | 'left' | 'right'} [textAlign] - Text alignment.\n */\nexport interface CardProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /** Text color for the card. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /**\n   * Text color alias: renders `has-text-<color>`, exactly like `textColor`.\n   * Not a filled card variant (no `.card.is-<color>` CSS exists). Prefer\n   * `textColor`, which takes precedence when both are set; use `bgColor` for\n   * a colored surface.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /**\n   * Background color for the card. `scheme-*` values render as a\n   * dark-mode-safe inline `background-color: var(--bulma-scheme-*)` instead\n   * of a class. The `scheme-invert*` values do not change text color — pair\n   * them with a contrasting foreground.\n   */\n  bgColor?:\n    | (typeof validColors)[number]\n    | (typeof validSchemeColors)[number]\n    | 'inherit'\n    | 'current';\n  /** Whether the card has a shadow (default: `true`). */\n  hasShadow?: boolean;\n  /** Card header content, rendered inside `.card-header-title`. */\n  header?: React.ReactNode;\n  /** If true, centers the header title. */\n  headerCentered?: boolean;\n  /** Card header icon, rendered as a sibling to the header title. */\n  headerIcon?: React.ReactNode;\n  /** Card footer content; each item is wrapped in `.card-footer-item`. */\n  footer?: React.ReactNode | React.ReactNode[];\n  /** Card image node or image src string. */\n  image?: React.ReactNode | string;\n  /** Alternate text for the card image. */\n  imageAlt?: string;\n  /** Card content (body). */\n  children?: React.ReactNode;\n}\n\n/**\n * Check if children contain any Card compound sub-components.\n * @param {React.ReactNode} children - The children to inspect.\n * @returns {boolean} True if any child is a Card compound component.\n */\nconst hasCompoundComponents = (children: React.ReactNode): boolean => {\n  return React.Children.toArray(children).some(child => {\n    if (!React.isValidElement(child)) return false;\n\n    // Direct comparison with our compound component functions\n    return (\n      child.type === CardHeader ||\n      child.type === CardContent ||\n      child.type === CardImage ||\n      child.type === CardFooter ||\n      child.type === CardFooterItem ||\n      child.type === CardHeaderIcon\n    );\n  });\n};\n\n/**\n * The `Card` component renders a Bulma-styled card with optional header, image, content, and footer.\n *\n * @function\n * @param {CardProps} props - Props for the Card component.\n * @returns {JSX.Element} The rendered card element.\n * @see {@link https://bulma.io/documentation/components/card/ | Bulma Card documentation}\n */\nconst CardComponent: React.FC<CardProps> = ({\n  className,\n  children,\n  textColor,\n  color,\n  bgColor,\n  hasShadow = true,\n  header,\n  headerCentered,\n  headerIcon,\n  footer,\n  image,\n  imageAlt,\n  style,\n  ...props\n}) => {\n  const { classPrefix } = useConfig();\n  const { bulmaHelperClasses, bulmaHelperStyles, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n\n  // Generate Bulma classes with prefix\n  const bulmaClasses = usePrefixedClassNames('card', {\n    'is-shadowless': !hasShadow,\n  });\n\n  // Combine prefixed Bulma classes with unprefixed user className and prefixed helper classes\n  const cardClasses = classNames(bulmaClasses, bulmaHelperClasses, className);\n\n  // Render header with optional icon and is-centered modifier\n  const renderHeader = (\n    header: React.ReactNode,\n    headerIcon: React.ReactNode,\n    headerCentered: boolean | undefined,\n    classPrefix: string | undefined\n  ) => {\n    if (!header && !headerIcon) return null;\n    return (\n      <header className={prefixedClassNames(classPrefix, 'card-header')}>\n        {header && (\n          <div\n            className={prefixedClassNames(classPrefix, 'card-header-title', {\n              'is-centered': headerCentered,\n            })}\n          >\n            {header}\n          </div>\n        )}\n        {headerIcon}\n      </header>\n    );\n  };\n\n  // Any falsy footer (including `0`) and an empty array render no footer bar,\n  // rather than a stray `0` or an empty `.card-footer`.\n  const hasFooter = Array.isArray(footer) ? footer.length > 0 : Boolean(footer);\n  return (\n    <div\n      className={cardClasses}\n      style={mergeBulmaStyles(bulmaHelperStyles, style)}\n      {...rest}\n    >\n      {renderHeader(header, headerIcon, headerCentered, classPrefix)}\n      {image && (\n        <div className={prefixedClassNames(classPrefix, 'card-image')}>\n          {typeof image === 'string' ? (\n            <figure className={prefixedClassNames(classPrefix, 'image')}>\n              <img src={image} alt={imageAlt ?? 'Card image'} />\n            </figure>\n          ) : (\n            image\n          )}\n        </div>\n      )}\n      {/* Only render card-content if children is specified and doesn't contain compound components */}\n      {typeof children !== 'undefined' &&\n        children !== null &&\n        children !== '' &&\n        !hasCompoundComponents(children) && (\n          <div className={prefixedClassNames(classPrefix, 'card-content')}>\n            {children}\n          </div>\n        )}\n      {/* Render children directly if they contain compound components */}\n      {typeof children !== 'undefined' &&\n        children !== null &&\n        children !== '' &&\n        hasCompoundComponents(children) &&\n        children}\n      {hasFooter && (\n        <footer className={prefixedClassNames(classPrefix, 'card-footer')}>\n          {Array.isArray(footer) ? (\n            footer.map((item, idx) => (\n              <span\n                className={prefixedClassNames(classPrefix, 'card-footer-item')}\n                key={idx}\n              >\n                {item}\n              </span>\n            ))\n          ) : (\n            <span\n              className={prefixedClassNames(classPrefix, 'card-footer-item')}\n            >\n              {footer}\n            </span>\n          )}\n        </footer>\n      )}\n    </div>\n  );\n};\n\n// Compound components for flexible composition\n\n/**\n * Props for the Card.Header compound component.\n */\nexport interface CardHeaderProps\n  extends\n    React.HTMLAttributes<HTMLElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Header content. Wrap in Card.Header.Title for Bulma styling. */\n  children?: React.ReactNode;\n  /** Whether to center the header title text. */\n  centered?: boolean;\n}\n\n/**\n * Props for the Card.Image compound component.\n */\nexport interface CardImageProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Image content (e.g. a `<figure>` with an `<img>`). */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the Card.Content compound component.\n */\nexport interface CardContentProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Card body content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the Card.Footer compound component.\n */\nexport interface CardFooterProps\n  extends\n    React.HTMLAttributes<HTMLElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Footer content, typically Card.FooterItem elements. */\n  children?: React.ReactNode;\n}\n\n/**\n * The set withheld from a non-anchor `Card.FooterItem` (`span`/`button`): the\n * derived anchor-only attributes, minus `type` (also valid on a `<button>` as\n * `submit`/`button`/`reset`, so stripping it there would remove a working\n * attribute; one set for both tags means a `type` also reaches a `<span>`,\n * which `Dropdown.Item` avoids by choosing its set per tag), plus `rel` (React\n * declares it on `HTMLAttributes` for every element, so the derived set alone\n * would not withhold it — the same addition `Level.Item` makes).\n */\nconst STRIP_FROM_NON_ANCHOR: Readonly<\n  Record<Exclude<keyof AnchorOnlyAttributes, 'type'> | 'rel', true>\n> = (() => {\n  const { type: _type, ...rest } = ANCHOR_ONLY_ATTRS;\n  return { ...rest, rel: true };\n})();\n\n/**\n * What `<button>` adds over the attributes every element has (`disabled`,\n * `form`, `name`, `value` and the `form*` submit overrides), subtracted from\n * React's types the way `AnchorOnlyAttributes` is, so it grows when React's\n * does. Minus `type`, which `AnchorOnlyAttributes` already declares as the\n * `<a>` MIME string: two heritage clauses declaring it differently do not\n * compile, and the `<button>` branch reads it back off the forwarded props.\n */\ntype ButtonOnlyAttributes = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  keyof React.HTMLAttributes<HTMLButtonElement> | 'type'\n>;\n\n/**\n * The set withheld from a non-button `Card.FooterItem` (`span`/`a`), keyed so\n * it stops compiling until a button attribute React adds is named here.\n */\nconst STRIP_FROM_NON_BUTTON: Readonly<\n  Record<keyof ButtonOnlyAttributes, true>\n> = {\n  disabled: true,\n  form: true,\n  formAction: true,\n  formEncType: true,\n  formMethod: true,\n  formNoValidate: true,\n  formTarget: true,\n  name: true,\n  value: true,\n};\n\n/**\n * Props for the Card.FooterItem compound component.\n *\n * The anchor and button attributes arrive through `AnchorOnlyAttributes` and\n * `ButtonOnlyAttributes` at every `as`, and each set is forwarded only to its\n * own tag: `STRIP_FROM_NON_ANCHOR` and `STRIP_FROM_NON_BUTTON` above withhold\n * them from the others at runtime, since narrowing the type per `as` is\n * source-breaking (see `Level.Item`'s own note on #672).\n */\nexport interface CardFooterItemProps\n  extends\n    AnchorOnlyAttributes,\n    ButtonOnlyAttributes,\n    React.HTMLAttributes<\n      HTMLSpanElement | HTMLAnchorElement | HTMLButtonElement\n    >,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Element type to render (default: `span`). Bulma's own card markup uses `a`. */\n  as?: 'span' | 'a' | 'button';\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Footer item content (link, button, text, etc.). */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the Card.Header.Title compound component.\n */\nexport interface CardHeaderTitleProps\n  extends\n    React.HTMLAttributes<\n      HTMLDivElement | HTMLParagraphElement | HTMLHeadingElement\n    >,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Element type to render (default: `div`). Bulma's own card markup uses `p`; a heading suits a title that should read as one. */\n  as?: 'div' | 'p' | 'h2' | 'h3' | 'h4';\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Title text content. */\n  children?: React.ReactNode;\n  /** Whether to center the title text. */\n  centered?: boolean;\n}\n\n/**\n * Props for the Card.Header.Icon compound component.\n * @extraProp {'button' | 'submit' | 'reset'} [type='button'] - Button type. Defaults to `'button'`, so a header icon 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 * @extraProp {string} [aria-label='more options'] - Accessible name. Pass your own to replace it. An empty one, or a spread carrying `'aria-label': undefined`, keeps the default rather than leaving the button unnamed.\n */\nexport interface CardHeaderIconProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Icon content (e.g. an icon element). */\n  children?: React.ReactNode;\n}\n\n/**\n * Card header compound component. Wraps children in a `.card-header` element.\n *\n * @function\n * @param {CardHeaderProps} props - Props for the CardHeader component.\n * @returns {JSX.Element} The rendered card header.\n */\nconst CardHeader: React.FC<CardHeaderProps> = ({\n  className,\n  children,\n  centered,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { classPrefix } = useConfig();\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n\n  // Check if children contains a CardHeaderTitle component\n  const hasHeaderTitle = React.Children.toArray(children).some(\n    child =>\n      React.isValidElement(child) &&\n      typeof child.type === 'function' &&\n      child.type === CardHeaderTitle\n  );\n\n  const headerClasses = usePrefixedClassNames('card-header');\n\n  return (\n    <header\n      className={classNames(headerClasses, bulmaHelperClasses, className)}\n      {...rest}\n    >\n      {hasHeaderTitle ? (\n        children\n      ) : (\n        <div\n          className={classNames(\n            prefixedClassNames(classPrefix, 'card-header-title', {\n              'is-centered': centered,\n            }),\n            className\n          )}\n        >\n          {children}\n        </div>\n      )}\n    </header>\n  );\n};\n\n/**\n * Card header title compound component. Renders a `.card-header-title` element.\n *\n * @function\n * @param {CardHeaderTitleProps} props - Props for the CardHeaderTitle component.\n * @returns {JSX.Element} The rendered card header title.\n */\nconst CardHeaderTitle: React.FC<CardHeaderTitleProps> = ({\n  as = 'div',\n  className,\n  children,\n  centered,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  const Tag = as;\n  return (\n    <Tag\n      className={classNames(\n        usePrefixedClassNames('card-header-title', {\n          'is-centered': centered,\n        }),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\n/**\n * Card header icon compound component. Renders a `.card-header-icon` button.\n *\n * @function\n * @param {CardHeaderIconProps} props - Props for the CardHeaderIcon component.\n * @returns {JSX.Element} The rendered card header icon button.\n */\nconst CardHeaderIcon: React.FC<CardHeaderIconProps> = ({\n  className,\n  children,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  return (\n    <button\n      className={classNames(\n        usePrefixedClassNames('card-header-icon'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n      // After the spread, reading through it: a key the spread carries with no\n      // value would otherwise erase the default, leaving a nameless button\n      // that submits the form around it. An empty label falls back too: the\n      // button is drawn as an icon, so `''` would leave it unnamed. A caller's\n      // own value still wins; `buttonType` says more.\n      aria-label={rest['aria-label'] || 'more options'}\n      type={buttonType(rest.type)}\n    >\n      {children}\n    </button>\n  );\n};\n\n/**\n * Card image compound component. Wraps children in a `.card-image` element.\n *\n * @function\n * @param {CardImageProps} props - Props for the CardImage component.\n * @returns {JSX.Element} The rendered card image container.\n */\nconst CardImage: React.FC<CardImageProps> = ({\n  className,\n  children,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('card-image'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Card content compound component. Wraps children in a `.card-content` element.\n *\n * @function\n * @param {CardContentProps} props - Props for the CardContent component.\n * @returns {JSX.Element} The rendered card content container.\n */\nconst CardContent: React.FC<CardContentProps> = ({\n  className,\n  children,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('card-content'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Card footer compound component. Wraps children in a `.card-footer` element.\n *\n * @function\n * @param {CardFooterProps} props - Props for the CardFooter component.\n * @returns {JSX.Element} The rendered card footer.\n */\nconst CardFooter: React.FC<CardFooterProps> = ({\n  className,\n  children,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  return (\n    <footer\n      className={classNames(\n        usePrefixedClassNames('card-footer'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </footer>\n  );\n};\n\n/**\n * Card footer item compound component. Wraps children in a `.card-footer-item` span.\n *\n * @function\n * @param {CardFooterItemProps} props - Props for the CardFooterItem component.\n * @returns {JSX.Element} The rendered card footer item.\n */\nconst CardFooterItem: React.FC<CardFooterItemProps> = ({\n  as = 'span',\n  className,\n  children,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  const itemClasses = classNames(\n    usePrefixedClassNames('card-footer-item'),\n    bulmaHelperClasses,\n    className\n  );\n\n  // The anchor's own attributes reach an `<a>` and nothing else, and the button's a\n  // `<button>` — `STRIP_FROM_NON_ANCHOR` above names the anchor set and why `type`\n  // stays while `rel` is added, and `STRIP_FROM_NON_BUTTON` the button set.\n  if (as === 'a') {\n    return (\n      <a className={itemClasses} {...omitAttrs(rest, STRIP_FROM_NON_BUTTON)}>\n        {children}\n      </a>\n    );\n  }\n\n  const forwarded = omitAttrs(rest, STRIP_FROM_NON_ANCHOR);\n\n  if (as === 'button') {\n    return (\n      <button\n        className={itemClasses}\n        {...forwarded}\n        // A footer item button must not submit an enclosing form by default —\n        // `<button>` defaults to `type=\"submit\"`, and a Save/Cancel action row\n        // sitting in a form is the common case this `as` exists for.\n        //\n        // A MISSING `type` is not the only way that default arrives: `type` is\n        // typed here as the `<a>` MIME string (`STRIP_FROM_NON_ANCHOR` above\n        // says why it is not withheld), so `as=\"button\" type=\"text/html\"`\n        // compiles, and HTML's INVALID-value default for a button's `type` is\n        // submit too. `buttonType` keeps `button`, `submit` and `reset` and\n        // turns anything else into `button`.\n        type={buttonType((forwarded as { type?: string }).type)}\n      >\n        {children}\n      </button>\n    );\n  }\n\n  return (\n    <span\n      className={itemClasses}\n      {...omitAttrs(forwarded, STRIP_FROM_NON_BUTTON)}\n    >\n      {children}\n    </span>\n  );\n};\n\n// Attach nested Title and Icon components to CardHeader\nconst CardHeaderCompound = withSubComponents(CardHeader, {\n  Title: CardHeaderTitle,\n  Icon: CardHeaderIcon,\n});\n\n/** Card component with Header, Image, Content, Footer, and FooterItem sub-components. */\nexport const Card = withSubComponents(\n  CardComponent,\n  {\n    Header: CardHeaderCompound,\n    Image: CardImage,\n    Content: CardContent,\n    Footer: CardFooter,\n    FooterItem: CardFooterItem,\n  },\n  'Card'\n);\n"],"names":["_jsxs","_jsx","STRIP_FROM_NON_ANCHOR"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  classNames,\n  usePrefixedClassNames,\n  prefixedClassNames,\n} from '../helpers/classNames';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport {\n  type AnchorOnlyAttributes,\n  ANCHOR_ONLY_ATTRS,\n  omitAttrs,\n} from '../helpers/anchorAttrs';\nimport { buttonType } from '../helpers/buttonType';\nimport {\n  useBulmaClasses,\n  BulmaClassesProps,\n  validColors,\n  validSchemeColors,\n} from '../helpers/useBulmaClasses';\nimport { mergeBulmaStyles } from '../helpers/mergeBulmaStyles';\nimport { useConfig } from '../helpers/Config';\n\n/**\n * Props for the Card component.\n * @extraProp {'centered' | 'justified' | 'left' | 'right'} [textAlign] - Text alignment.\n */\nexport interface CardProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /** Text color for the card. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /**\n   * Text color alias: renders `has-text-<color>`, exactly like `textColor`.\n   * Not a filled card variant (no `.card.is-<color>` CSS exists). Prefer\n   * `textColor`, which takes precedence when both are set; use `bgColor` for\n   * a colored surface.\n   */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /**\n   * Background color for the card. `scheme-*` values render as a\n   * dark-mode-safe inline `background-color: var(--bulma-scheme-*)` instead\n   * of a class. The `scheme-invert*` values do not change text color — pair\n   * them with a contrasting foreground.\n   */\n  bgColor?:\n    | (typeof validColors)[number]\n    | (typeof validSchemeColors)[number]\n    | 'inherit'\n    | 'current';\n  /** Whether the card has a shadow (default: `true`). */\n  hasShadow?: boolean;\n  /** Card header content, rendered inside `.card-header-title`. */\n  header?: React.ReactNode;\n  /** If true, centers the header title. */\n  headerCentered?: boolean;\n  /** Card header icon, rendered as a sibling to the header title. */\n  headerIcon?: React.ReactNode;\n  /** Card footer content; each item is wrapped in `.card-footer-item`. */\n  footer?: React.ReactNode | React.ReactNode[];\n  /** Card image node or image src string. */\n  image?: React.ReactNode | string;\n  /** Alternate text for the card image. */\n  imageAlt?: string;\n  /** Card content (body). */\n  children?: React.ReactNode;\n}\n\n/**\n * Check if children contain any Card compound sub-components.\n * @param {React.ReactNode} children - The children to inspect.\n * @returns {boolean} True if any child is a Card compound component.\n */\nconst hasCompoundComponents = (children: React.ReactNode): boolean => {\n  return React.Children.toArray(children).some(child => {\n    if (!React.isValidElement(child)) return false;\n\n    // Direct comparison with our compound component functions\n    return (\n      child.type === CardHeader ||\n      child.type === CardContent ||\n      child.type === CardImage ||\n      child.type === CardFooter ||\n      child.type === CardFooterItem ||\n      child.type === CardHeaderIcon\n    );\n  });\n};\n\n/**\n * The `Card` component renders a Bulma-styled card with optional header, image, content, and footer.\n *\n * @function\n * @param {CardProps} props - Props for the Card component.\n * @returns {JSX.Element} The rendered card element.\n * @see {@link https://bulma.io/documentation/components/card/ | Bulma Card documentation}\n */\nconst CardComponent: React.FC<CardProps> = ({\n  className,\n  children,\n  textColor,\n  color,\n  bgColor,\n  hasShadow = true,\n  header,\n  headerCentered,\n  headerIcon,\n  footer,\n  image,\n  imageAlt,\n  style,\n  ...props\n}) => {\n  const { classPrefix } = useConfig();\n  const { bulmaHelperClasses, bulmaHelperStyles, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n\n  // Generate Bulma classes with prefix\n  const bulmaClasses = usePrefixedClassNames('card', {\n    'is-shadowless': !hasShadow,\n  });\n\n  // Combine prefixed Bulma classes with unprefixed user className and prefixed helper classes\n  const cardClasses = classNames(bulmaClasses, bulmaHelperClasses, className);\n\n  // Render header with optional icon and is-centered modifier\n  const renderHeader = (\n    header: React.ReactNode,\n    headerIcon: React.ReactNode,\n    headerCentered: boolean | undefined,\n    classPrefix: string | undefined\n  ) => {\n    if (!header && !headerIcon) return null;\n    return (\n      <header className={prefixedClassNames(classPrefix, 'card-header')}>\n        {header && (\n          <div\n            className={prefixedClassNames(classPrefix, 'card-header-title', {\n              'is-centered': headerCentered,\n            })}\n          >\n            {header}\n          </div>\n        )}\n        {headerIcon}\n      </header>\n    );\n  };\n\n  // Any falsy footer (including `0`) and an empty array render no footer bar,\n  // rather than a stray `0` or an empty `.card-footer`.\n  const hasFooter = Array.isArray(footer) ? footer.length > 0 : Boolean(footer);\n  return (\n    <div\n      className={cardClasses}\n      style={mergeBulmaStyles(bulmaHelperStyles, style)}\n      {...rest}\n    >\n      {renderHeader(header, headerIcon, headerCentered, classPrefix)}\n      {image && (\n        <div className={prefixedClassNames(classPrefix, 'card-image')}>\n          {typeof image === 'string' ? (\n            <figure className={prefixedClassNames(classPrefix, 'image')}>\n              <img src={image} alt={imageAlt ?? 'Card image'} />\n            </figure>\n          ) : (\n            image\n          )}\n        </div>\n      )}\n      {/* Only render card-content if children is specified and doesn't contain compound components */}\n      {typeof children !== 'undefined' &&\n        children !== null &&\n        children !== '' &&\n        !hasCompoundComponents(children) && (\n          <div className={prefixedClassNames(classPrefix, 'card-content')}>\n            {children}\n          </div>\n        )}\n      {/* Render children directly if they contain compound components */}\n      {typeof children !== 'undefined' &&\n        children !== null &&\n        children !== '' &&\n        hasCompoundComponents(children) &&\n        children}\n      {hasFooter && (\n        <footer className={prefixedClassNames(classPrefix, 'card-footer')}>\n          {Array.isArray(footer) ? (\n            footer.map((item, idx) => (\n              <span\n                className={prefixedClassNames(classPrefix, 'card-footer-item')}\n                key={idx}\n              >\n                {item}\n              </span>\n            ))\n          ) : (\n            <span\n              className={prefixedClassNames(classPrefix, 'card-footer-item')}\n            >\n              {footer}\n            </span>\n          )}\n        </footer>\n      )}\n    </div>\n  );\n};\n\n// Compound components for flexible composition\n\n/**\n * Props for the Card.Header compound component.\n */\nexport interface CardHeaderProps\n  extends\n    React.HTMLAttributes<HTMLElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Header content. Wrap in Card.Header.Title for Bulma styling. */\n  children?: React.ReactNode;\n  /** Whether to center the header title text. */\n  centered?: boolean;\n}\n\n/**\n * Props for the Card.Image compound component.\n */\nexport interface CardImageProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Image content (e.g. a `<figure>` with an `<img>`). */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the Card.Content compound component.\n */\nexport interface CardContentProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Card body content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the Card.Footer compound component.\n */\nexport interface CardFooterProps\n  extends\n    React.HTMLAttributes<HTMLElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Footer content, typically Card.FooterItem elements. */\n  children?: React.ReactNode;\n}\n\n/**\n * The set withheld from a non-anchor `Card.FooterItem` (`span`/`button`): the\n * derived anchor-only attributes, minus `type` (also valid on a `<button>` as\n * `submit`/`button`/`reset`, so stripping it there would remove a working\n * attribute; one set for both tags means a `type` also reaches a `<span>`,\n * which `Dropdown.Item` avoids by choosing its set per tag), plus `rel` (React\n * declares it on `HTMLAttributes` for every element, so the derived set alone\n * would not withhold it — the same addition `Level.Item` makes).\n */\nconst STRIP_FROM_NON_ANCHOR: Readonly<\n  Record<Exclude<keyof AnchorOnlyAttributes, 'type'> | 'rel', true>\n> = (() => {\n  const { type: _type, ...rest } = ANCHOR_ONLY_ATTRS;\n  return { ...rest, rel: true };\n})();\n\n/**\n * What `<button>` adds over the attributes every element has (`disabled`,\n * `form`, `name`, `value` and the `form*` submit overrides), subtracted from\n * React's types the way `AnchorOnlyAttributes` is, so it grows when React's\n * does. Minus `type`, which `AnchorOnlyAttributes` already declares as the\n * `<a>` MIME string: two heritage clauses declaring it differently do not\n * compile, and the `<button>` branch reads it back off the forwarded props.\n */\ntype ButtonOnlyAttributes = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  keyof React.HTMLAttributes<HTMLButtonElement> | 'type'\n>;\n\n/**\n * The set withheld from a non-button `Card.FooterItem` (`span`/`a`), keyed so\n * it stops compiling until a button attribute React adds is named here.\n */\nconst STRIP_FROM_NON_BUTTON: Readonly<\n  Record<keyof ButtonOnlyAttributes, true>\n> = {\n  disabled: true,\n  form: true,\n  formAction: true,\n  formEncType: true,\n  formMethod: true,\n  formNoValidate: true,\n  formTarget: true,\n  name: true,\n  value: true,\n};\n\n/**\n * Props for the Card.FooterItem compound component.\n *\n * The anchor and button attributes arrive through `AnchorOnlyAttributes` and\n * `ButtonOnlyAttributes` at every `as`, and each set is forwarded only to its\n * own tag: `STRIP_FROM_NON_ANCHOR` and `STRIP_FROM_NON_BUTTON` above withhold\n * them from the others at runtime, since narrowing the type per `as` is\n * source-breaking (see `Level.Item`'s own note on #672).\n */\nexport interface CardFooterItemProps\n  extends\n    AnchorOnlyAttributes,\n    ButtonOnlyAttributes,\n    React.HTMLAttributes<\n      HTMLSpanElement | HTMLAnchorElement | HTMLButtonElement\n    >,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Element type to render (default: `span`). Bulma's own card markup uses `a`. */\n  as?: 'span' | 'a' | 'button';\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Footer item content (link, button, text, etc.). */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the Card.Header.Title compound component.\n */\nexport interface CardHeaderTitleProps\n  extends\n    React.HTMLAttributes<\n      HTMLDivElement | HTMLParagraphElement | HTMLHeadingElement\n    >,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Element type to render (default: `div`). Bulma's own card markup uses `p`; a heading suits a title that should read as one. */\n  as?: 'div' | 'p' | 'h2' | 'h3' | 'h4';\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Title text content. */\n  children?: React.ReactNode;\n  /** Whether to center the title text. */\n  centered?: boolean;\n}\n\n/**\n * Props for the Card.Header.Icon compound component.\n * @extraProp {'button' | 'submit' | 'reset'} [type='button'] - Button type. Defaults to `'button'`, so a header icon 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 * @extraProp {string} [aria-label='more options'] - Accessible name. Pass your own to replace it. An empty one, or a spread carrying `'aria-label': undefined`, keeps the default rather than leaving the button unnamed.\n */\nexport interface CardHeaderIconProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Bulma color modifier (text color helper). */\n  color?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Text color helper; wins over `color` when both are set. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Additional CSS classes. */\n  className?: string;\n  /** Icon content (e.g. an icon element). */\n  children?: React.ReactNode;\n}\n\n/**\n * Card header compound component. Wraps children in a `.card-header` element.\n *\n * @function\n * @param {CardHeaderProps} props - Props for the CardHeader component.\n * @returns {JSX.Element} The rendered card header.\n */\nconst CardHeaderComponent: React.FC<CardHeaderProps> = ({\n  className,\n  children,\n  centered,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { classPrefix } = useConfig();\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n\n  // Check if children contains a CardHeaderTitle component\n  const hasHeaderTitle = React.Children.toArray(children).some(\n    child =>\n      React.isValidElement(child) &&\n      typeof child.type === 'function' &&\n      child.type === CardHeaderTitle\n  );\n\n  const headerClasses = usePrefixedClassNames('card-header');\n\n  return (\n    <header\n      className={classNames(headerClasses, bulmaHelperClasses, className)}\n      {...rest}\n    >\n      {hasHeaderTitle ? (\n        children\n      ) : (\n        <div\n          className={classNames(\n            prefixedClassNames(classPrefix, 'card-header-title', {\n              'is-centered': centered,\n            }),\n            className\n          )}\n        >\n          {children}\n        </div>\n      )}\n    </header>\n  );\n};\n\n/**\n * Card header title compound component. Renders a `.card-header-title` element.\n *\n * @function\n * @param {CardHeaderTitleProps} props - Props for the CardHeaderTitle component.\n * @returns {JSX.Element} The rendered card header title.\n */\nexport const CardHeaderTitle: React.FC<CardHeaderTitleProps> = ({\n  as = 'div',\n  className,\n  children,\n  centered,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  const Tag = as;\n  return (\n    <Tag\n      className={classNames(\n        usePrefixedClassNames('card-header-title', {\n          'is-centered': centered,\n        }),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n};\n\n/**\n * Card header icon compound component. Renders a `.card-header-icon` button.\n *\n * @function\n * @param {CardHeaderIconProps} props - Props for the CardHeaderIcon component.\n * @returns {JSX.Element} The rendered card header icon button.\n */\nexport const CardHeaderIcon: React.FC<CardHeaderIconProps> = ({\n  className,\n  children,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  return (\n    <button\n      className={classNames(\n        usePrefixedClassNames('card-header-icon'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n      // After the spread, reading through it: a key the spread carries with no\n      // value would otherwise erase the default, leaving a nameless button\n      // that submits the form around it. An empty label falls back too: the\n      // button is drawn as an icon, so `''` would leave it unnamed. A caller's\n      // own value still wins; `buttonType` says more.\n      aria-label={rest['aria-label'] || 'more options'}\n      type={buttonType(rest.type)}\n    >\n      {children}\n    </button>\n  );\n};\n\n/**\n * Card image compound component. Wraps children in a `.card-image` element.\n *\n * @function\n * @param {CardImageProps} props - Props for the CardImage component.\n * @returns {JSX.Element} The rendered card image container.\n */\nexport const CardImage: React.FC<CardImageProps> = ({\n  className,\n  children,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('card-image'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Card content compound component. Wraps children in a `.card-content` element.\n *\n * @function\n * @param {CardContentProps} props - Props for the CardContent component.\n * @returns {JSX.Element} The rendered card content container.\n */\nexport const CardContent: React.FC<CardContentProps> = ({\n  className,\n  children,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  return (\n    <div\n      className={classNames(\n        usePrefixedClassNames('card-content'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Card footer compound component. Wraps children in a `.card-footer` element.\n *\n * @function\n * @param {CardFooterProps} props - Props for the CardFooter component.\n * @returns {JSX.Element} The rendered card footer.\n */\nexport const CardFooter: React.FC<CardFooterProps> = ({\n  className,\n  children,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  return (\n    <footer\n      className={classNames(\n        usePrefixedClassNames('card-footer'),\n        bulmaHelperClasses,\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </footer>\n  );\n};\n\n/**\n * Card footer item compound component. Wraps children in a `.card-footer-item` span.\n *\n * @function\n * @param {CardFooterItemProps} props - Props for the CardFooterItem component.\n * @returns {JSX.Element} The rendered card footer item.\n */\nexport const CardFooterItem: React.FC<CardFooterItemProps> = ({\n  as = 'span',\n  className,\n  children,\n  color,\n  bgColor,\n  textColor,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    color: textColor ?? color,\n    backgroundColor: bgColor,\n    ...props,\n  });\n  const itemClasses = classNames(\n    usePrefixedClassNames('card-footer-item'),\n    bulmaHelperClasses,\n    className\n  );\n\n  // The anchor's own attributes reach an `<a>` and nothing else, and the button's a\n  // `<button>` — `STRIP_FROM_NON_ANCHOR` above names the anchor set and why `type`\n  // stays while `rel` is added, and `STRIP_FROM_NON_BUTTON` the button set.\n  if (as === 'a') {\n    return (\n      <a className={itemClasses} {...omitAttrs(rest, STRIP_FROM_NON_BUTTON)}>\n        {children}\n      </a>\n    );\n  }\n\n  const forwarded = omitAttrs(rest, STRIP_FROM_NON_ANCHOR);\n\n  if (as === 'button') {\n    return (\n      <button\n        className={itemClasses}\n        {...forwarded}\n        // A footer item button must not submit an enclosing form by default —\n        // `<button>` defaults to `type=\"submit\"`, and a Save/Cancel action row\n        // sitting in a form is the common case this `as` exists for.\n        //\n        // A MISSING `type` is not the only way that default arrives: `type` is\n        // typed here as the `<a>` MIME string (`STRIP_FROM_NON_ANCHOR` above\n        // says why it is not withheld), so `as=\"button\" type=\"text/html\"`\n        // compiles, and HTML's INVALID-value default for a button's `type` is\n        // submit too. `buttonType` keeps `button`, `submit` and `reset` and\n        // turns anything else into `button`.\n        type={buttonType((forwarded as { type?: string }).type)}\n      >\n        {children}\n      </button>\n    );\n  }\n\n  return (\n    <span\n      className={itemClasses}\n      {...omitAttrs(forwarded, STRIP_FROM_NON_BUTTON)}\n    >\n      {children}\n    </span>\n  );\n};\n\n// Export the compound, not the bare function, so `CardHeader.Title` typechecks.\nexport const CardHeader = withSubComponents(\n  CardHeaderComponent,\n  {\n    Title: CardHeaderTitle,\n    Icon: CardHeaderIcon,\n  },\n  'CardHeader'\n);\n\n/** Card component with Header, Image, Content, Footer, and FooterItem sub-components. */\nexport const Card = withSubComponents(\n  CardComponent,\n  {\n    Header: CardHeader,\n    Image: CardImage,\n    Content: CardContent,\n    Footer: CardFooter,\n    FooterItem: CardFooterItem,\n  },\n  'Card'\n);\n"],"names":["_jsxs","_jsx","STRIP_FROM_NON_ANCHOR"],"mappings":"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"}

package/dist/esm/components/Carousel.js

@@ -243,11 +243,17 @@ const Carousel = forwardRef(({ value: controlledValue, autoplay = false, interva
             setIsPaused(false);
         }
     }, [pauseOnHover]);
-    // Drag and swipe, through the shared hook: a drag left goes on and a
-    // drag right goes back, past its 50px threshold.
+    // Right to left the track runs the other way, so the next slide is on
+    // the left. Read when a swipe or key arrives, as Lightbox does, so a
+    // LocaleProvider and the page's own `dir` both count.
+    const isRtl = () => getComputedStyle(carouselRef.current).direction ===
+        'rtl';
+    // Drag and swipe, through the shared hook, past its 50px threshold: a
+    // drag toward the start of the line goes on, which is a drag left on a
+    // left-to-right page, and a drag the other way goes back.
     const swipe = useSwipe({
         enabled: hasDrag,
-        onSwipe: direction => (direction === 'left' ? goToNext() : goToPrev()),
+        onSwipe: direction => direction === (isRtl() ? 'right' : 'left') ? goToNext() : goToPrev(),
     });
     const isDragging = swipe.isSwiping;
     const dragOffset = swipe.offsetX;
@@ -261,14 +267,17 @@ const Carousel = forwardRef(({ value: controlledValue, autoplay = false, interva
             if (!node?.contains(active) || slidesRef.current?.contains(active)) {
                 return;
             }
+            // The arrow points where the slide comes from: right to left the
+            // next one is on the left.
+            const rtl = getComputedStyle(node).direction === 'rtl';
             switch (e.key) {
                 case 'ArrowLeft':
                     e.preventDefault();
-                    goToPrevRef.current();
+                    (rtl ? goToNextRef : goToPrevRef).current();
                     break;
                 case 'ArrowRight':
                     e.preventDefault();
-                    goToNextRef.current();
+                    (rtl ? goToPrevRef : goToNextRef).current();
                     break;
             }
         };
@@ -421,8 +430,11 @@ const Carousel = forwardRef(({ value: controlledValue, autoplay = false, interva
                     cursor: hasDrag ? (isDragging ? 'grabbing' : 'grab') : undefined,
                 }, children: [jsx("div", { ref: slidesRef, className: carouselSlidesClass, style: {
                             // One item is the track's width plus a gap, over the count the
-                            // stylesheet has in view; account for the prepended clones
-                            transform: `translateX(calc(${-(shownIndex + cloneCount)} * (100% + var(--bulma-carousel-item-gap, 0px)) / var(--bulma-carousel-items-in-view, 1)))`,
+                            // stylesheet has in view; account for the prepended clones.
+                            // The sign is -1 left to right. Right to left the flex row
+                            // reverses, and the stylesheet sets the sign to +1 so the
+                            // same shift keeps a slide in view.
+                            transform: `translateX(calc(var(--carousel-shift-sign, -1) * ${shownIndex + cloneCount} * (100% + var(--bulma-carousel-item-gap, 0px)) / var(--bulma-carousel-items-in-view, 1)))`,
                             // Disable transition during drag or instant snap after wrap-around
                             transition: isDragging || skipTransition
                                 ? 'none'

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 { MOBILE, useBulmaViewport } from '../helpers/useBulmaViewport';\nimport { inertProps } from '../helpers/inertProps';\nimport { useSwipe } from '../helpers/useSwipe';\nimport { ChevronNextIcon, ChevronPrevIcon } from '../helpers/chevronIcons';\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 * 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 [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 and swipe, through the shared hook: a drag left goes on and a\n    // drag right goes back, past its 50px threshold.\n    const swipe = useSwipe<HTMLDivElement>({\n      enabled: hasDrag,\n      onSwipe: direction => (direction === 'left' ? goToNext() : goToPrev()),\n    });\n    const isDragging = swipe.isSwiping;\n    const dragOffset = swipe.offsetX;\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 ? swipe.handlers.onMouseDown : undefined}\n          onMouseMove={\n            hasDrag && isDragging ? swipe.handlers.onMouseMove : undefined\n          }\n          onMouseUp={hasDrag ? swipe.handlers.onMouseUp : undefined}\n          onMouseLeave={hasDrag ? swipe.handlers.onMouseLeave : undefined}\n          onTouchStart={hasDrag ? swipe.handlers.onTouchStart : undefined}\n          onTouchMove={hasDrag ? swipe.handlers.onTouchMove : undefined}\n          onTouchEnd={hasDrag ? swipe.handlers.onTouchEnd : 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                  <ChevronPrevIcon />\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                  <ChevronNextIcon />\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 { useSwipe } from '../helpers/useSwipe';\nimport { ChevronNextIcon, ChevronPrevIcon } from '../helpers/chevronIcons';\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 * 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. A swipe toward the start of the line goes on,\n   * so on a right-to-left page a swipe right brings the next slide in.\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  /**\n   * Icon name for the previous arrow button. On a right-to-left page that\n   * button sits on the right and the built-in chevron flips to point there,\n   * but an icon you name is drawn as given, so pick one that points the way\n   * the page reads.\n   */\n  iconPrev?: string;\n  /**\n   * Icon name for the next arrow button. On a right-to-left page it sits on\n   * the left, and an icon you name is drawn as given, as with `iconPrev`.\n   */\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 [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    // Right to left the track runs the other way, so the next slide is on\n    // the left. Read when a swipe or key arrives, as Lightbox does, so a\n    // LocaleProvider and the page's own `dir` both count.\n    const isRtl = () =>\n      getComputedStyle(carouselRef.current as HTMLDivElement).direction ===\n      'rtl';\n\n    // Drag and swipe, through the shared hook, past its 50px threshold: a\n    // drag toward the start of the line goes on, which is a drag left on a\n    // left-to-right page, and a drag the other way goes back.\n    const swipe = useSwipe<HTMLDivElement>({\n      enabled: hasDrag,\n      onSwipe: direction =>\n        direction === (isRtl() ? 'right' : 'left') ? goToNext() : goToPrev(),\n    });\n    const isDragging = swipe.isSwiping;\n    const dragOffset = swipe.offsetX;\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        // The arrow points where the slide comes from: right to left the\n        // next one is on the left.\n        const rtl = getComputedStyle(node).direction === 'rtl';\n        switch (e.key) {\n          case 'ArrowLeft':\n            e.preventDefault();\n            (rtl ? goToNextRef : goToPrevRef).current();\n            break;\n          case 'ArrowRight':\n            e.preventDefault();\n            (rtl ? goToPrevRef : 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 ? swipe.handlers.onMouseDown : undefined}\n          onMouseMove={\n            hasDrag && isDragging ? swipe.handlers.onMouseMove : undefined\n          }\n          onMouseUp={hasDrag ? swipe.handlers.onMouseUp : undefined}\n          onMouseLeave={hasDrag ? swipe.handlers.onMouseLeave : undefined}\n          onTouchStart={hasDrag ? swipe.handlers.onTouchStart : undefined}\n          onTouchMove={hasDrag ? swipe.handlers.onTouchMove : undefined}\n          onTouchEnd={hasDrag ? swipe.handlers.onTouchEnd : 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              // The sign is -1 left to right. Right to left the flex row\n              // reverses, and the stylesheet sets the sign to +1 so the\n              // same shift keeps a slide in view.\n              transform: `translateX(calc(var(--carousel-shift-sign, -1) * ${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                  <ChevronPrevIcon />\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                  <ChevronNextIcon />\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/Message.js

@@ -53,5 +53,5 @@ const Message = withSubComponents(MessageComponent, {
     Body: MessageBody,
 }, 'Message');
 
-export { Message };
+export { Message, MessageBody, MessageHeader };
 //# sourceMappingURL=Message.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../src/components/Message.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  classNames,\n  usePrefixedClassNames,\n  prefixedClassNames,\n} from '../helpers/classNames';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport {\n  useBulmaClasses,\n  BulmaClassesProps,\n  validColors,\n} from '../helpers/useBulmaClasses';\nimport { useConfig } from '../helpers/Config';\n\nconst validMessageSizes = ['small', 'medium', 'large'] as const;\n/**\n * Valid size values for the Message component (Bulma message sizes).\n */\nexport type MessageSize = (typeof validMessageSizes)[number];\n\n/**\n * Props for the Message component.\n */\nexport interface MessageProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, 'title'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Title string/node (renders header section). */\n  title?: React.ReactNode;\n  /** Text color for the message (Bulma helper). */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Bulma color modifier for the message. */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Background color for the message (Bulma helper). */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Size of the message. */\n  size?: MessageSize;\n  /** Callback for the close (\"X\") button. */\n  onClose?: () => void;\n  /** Body content for the message. */\n  children?: React.ReactNode;\n}\n\n/**\n * The `Message` component provides Bulma's flexible notice/message box for your Bulma React UI.\n *\n * @function\n * @param {MessageProps} props - Props for the Message component.\n * @returns {JSX.Element} The rendered message.\n * @see {@link https://bulma.io/documentation/components/message/ | Bulma Message documentation}\n */\nconst MessageComponent: React.FC<MessageProps> = ({\n  className,\n  title,\n  textColor,\n  color,\n  bgColor,\n  size,\n  onClose,\n  children,\n  ...props\n}) => {\n  const { classPrefix } = useConfig();\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('message', {\n    [`is-${color}`]: color,\n    [`is-${size}`]: size && validMessageSizes.includes(size),\n  });\n  const deleteClass = usePrefixedClassNames('delete');\n\n  const messageClasses = classNames(\n    bulmaClasses,\n    bulmaHelperClasses,\n    className\n  );\n\n  return (\n    <article className={messageClasses} {...rest} data-testid=\"message\">\n      {(title || onClose) && (\n        <div className={prefixedClassNames(classPrefix, 'message-header')}>\n          {title && <span>{title}</span>}\n          {onClose && (\n            <button\n              className={deleteClass}\n              aria-label=\"delete\"\n              onClick={onClose}\n              type=\"button\"\n              data-testid=\"message-close\"\n            />\n          )}\n        </div>\n      )}\n      {children && (\n        <div\n          className={prefixedClassNames(classPrefix, 'message-body')}\n          data-testid=\"message-body\"\n        >\n          {children}\n        </div>\n      )}\n    </article>\n  );\n};\n\n// Compound components for flexible composition\n\n/**\n * Props for the Message.Header compound component.\n */\nexport interface MessageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Header content (title, close button, etc.). */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the Message.Body compound component.\n */\nexport interface MessageBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Message body content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Message header compound component. Renders a `.message-header` element.\n *\n * @function\n * @param {MessageHeaderProps} props - Props for the MessageHeader component.\n * @returns {JSX.Element} The rendered message header.\n */\nconst MessageHeader: React.FC<MessageHeaderProps> = ({\n  className,\n  children,\n  ...props\n}) => (\n  <div\n    className={classNames(usePrefixedClassNames('message-header'), className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\n/**\n * Message body compound component. Renders a `.message-body` element.\n *\n * @function\n * @param {MessageBodyProps} props - Props for the MessageBody component.\n * @returns {JSX.Element} The rendered message body.\n */\nconst MessageBody: React.FC<MessageBodyProps> = ({\n  className,\n  children,\n  ...props\n}) => (\n  <div\n    className={classNames(usePrefixedClassNames('message-body'), className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\n// Attach compound components\nexport const Message = withSubComponents(\n  MessageComponent,\n  {\n    Header: MessageHeader,\n    Body: MessageBody,\n  },\n  'Message'\n);\n\nexport default Message;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAcA,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU;AA+B/D;;;;;;;AAOG;AACH,MAAM,gBAAgB,GAA2B,CAAC,EAChD,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE;AACnC,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,SAAS,EAAE;AACpD,QAAA,CAAC,CAAA,GAAA,EAAM,KAAK,CAAA,CAAE,GAAG,KAAK;AACtB,QAAA,CAAC,CAAA,GAAA,EAAM,IAAI,CAAA,CAAE,GAAG,IAAI,IAAI,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC;AACzD,KAAA,CAAC;AACF,IAAA,MAAM,WAAW,GAAG,qBAAqB,CAAC,QAAQ,CAAC;IAEnD,MAAM,cAAc,GAAG,UAAU,CAC/B,YAAY,EACZ,kBAAkB,EAClB,SAAS,CACV;AAED,IAAA,QACEA,IAAA,CAAA,SAAA,EAAA,EAAS,SAAS,EAAE,cAAc,KAAM,IAAI,EAAA,aAAA,EAAc,SAAS,EAAA,QAAA,EAAA,CAChE,CAAC,KAAK,IAAI,OAAO,MAChBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,kBAAkB,CAAC,WAAW,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,CAC9D,KAAK,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,EAC7B,OAAO,KACNA,GAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,WAAW,gBACX,QAAQ,EACnB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,iBACD,eAAe,EAAA,CAC3B,CACH,CAAA,EAAA,CACG,CACP,EACA,QAAQ,KACPA,aACE,SAAS,EAAE,kBAAkB,CAAC,WAAW,EAAE,cAAc,CAAC,EAAA,aAAA,EAC9C,cAAc,EAAA,QAAA,EAEzB,QAAQ,GACL,CACP,CAAA,EAAA,CACO;AAEd,CAAC;AAwBD;;;;;;AAMG;AACH,MAAM,aAAa,GAAiC,CAAC,EACnD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,MACCA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,KACrE,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACL,CACP;AAED;;;;;;AAMG;AACH,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,MACCA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,KACnE,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACL,CACP;AAED;AACO,MAAM,OAAO,GAAG,iBAAiB,CACtC,gBAAgB,EAChB;AACE,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;CAClB,EACD,SAAS;;"}
+{"version":3,"file":"Message.js","sources":["../../../src/components/Message.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  classNames,\n  usePrefixedClassNames,\n  prefixedClassNames,\n} from '../helpers/classNames';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport {\n  useBulmaClasses,\n  BulmaClassesProps,\n  validColors,\n} from '../helpers/useBulmaClasses';\nimport { useConfig } from '../helpers/Config';\n\nconst validMessageSizes = ['small', 'medium', 'large'] as const;\n/**\n * Valid size values for the Message component (Bulma message sizes).\n */\nexport type MessageSize = (typeof validMessageSizes)[number];\n\n/**\n * Props for the Message component.\n */\nexport interface MessageProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, 'title'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Title string/node (renders header section). */\n  title?: React.ReactNode;\n  /** Text color for the message (Bulma helper). */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Bulma color modifier for the message. */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Background color for the message (Bulma helper). */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Size of the message. */\n  size?: MessageSize;\n  /** Callback for the close (\"X\") button. */\n  onClose?: () => void;\n  /** Body content for the message. */\n  children?: React.ReactNode;\n}\n\n/**\n * The `Message` component provides Bulma's flexible notice/message box for your Bulma React UI.\n *\n * @function\n * @param {MessageProps} props - Props for the Message component.\n * @returns {JSX.Element} The rendered message.\n * @see {@link https://bulma.io/documentation/components/message/ | Bulma Message documentation}\n */\nconst MessageComponent: React.FC<MessageProps> = ({\n  className,\n  title,\n  textColor,\n  color,\n  bgColor,\n  size,\n  onClose,\n  children,\n  ...props\n}) => {\n  const { classPrefix } = useConfig();\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('message', {\n    [`is-${color}`]: color,\n    [`is-${size}`]: size && validMessageSizes.includes(size),\n  });\n  const deleteClass = usePrefixedClassNames('delete');\n\n  const messageClasses = classNames(\n    bulmaClasses,\n    bulmaHelperClasses,\n    className\n  );\n\n  return (\n    <article className={messageClasses} {...rest} data-testid=\"message\">\n      {(title || onClose) && (\n        <div className={prefixedClassNames(classPrefix, 'message-header')}>\n          {title && <span>{title}</span>}\n          {onClose && (\n            <button\n              className={deleteClass}\n              aria-label=\"delete\"\n              onClick={onClose}\n              type=\"button\"\n              data-testid=\"message-close\"\n            />\n          )}\n        </div>\n      )}\n      {children && (\n        <div\n          className={prefixedClassNames(classPrefix, 'message-body')}\n          data-testid=\"message-body\"\n        >\n          {children}\n        </div>\n      )}\n    </article>\n  );\n};\n\n// Compound components for flexible composition\n\n/**\n * Props for the Message.Header compound component.\n */\nexport interface MessageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Header content (title, close button, etc.). */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for the Message.Body compound component.\n */\nexport interface MessageBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Additional CSS classes. */\n  className?: string;\n  /** Message body content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Message header compound component. Renders a `.message-header` element.\n *\n * @function\n * @param {MessageHeaderProps} props - Props for the MessageHeader component.\n * @returns {JSX.Element} The rendered message header.\n */\nexport const MessageHeader: React.FC<MessageHeaderProps> = ({\n  className,\n  children,\n  ...props\n}) => (\n  <div\n    className={classNames(usePrefixedClassNames('message-header'), className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\n/**\n * Message body compound component. Renders a `.message-body` element.\n *\n * @function\n * @param {MessageBodyProps} props - Props for the MessageBody component.\n * @returns {JSX.Element} The rendered message body.\n */\nexport const MessageBody: React.FC<MessageBodyProps> = ({\n  className,\n  children,\n  ...props\n}) => (\n  <div\n    className={classNames(usePrefixedClassNames('message-body'), className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\n// Attach compound components\nexport const Message = withSubComponents(\n  MessageComponent,\n  {\n    Header: MessageHeader,\n    Body: MessageBody,\n  },\n  'Message'\n);\n\nexport default Message;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAcA,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU;AA+B/D;;;;;;;AAOG;AACH,MAAM,gBAAgB,GAA2B,CAAC,EAChD,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE;AACnC,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,SAAS,EAAE;AACpD,QAAA,CAAC,CAAA,GAAA,EAAM,KAAK,CAAA,CAAE,GAAG,KAAK;AACtB,QAAA,CAAC,CAAA,GAAA,EAAM,IAAI,CAAA,CAAE,GAAG,IAAI,IAAI,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC;AACzD,KAAA,CAAC;AACF,IAAA,MAAM,WAAW,GAAG,qBAAqB,CAAC,QAAQ,CAAC;IAEnD,MAAM,cAAc,GAAG,UAAU,CAC/B,YAAY,EACZ,kBAAkB,EAClB,SAAS,CACV;AAED,IAAA,QACEA,IAAA,CAAA,SAAA,EAAA,EAAS,SAAS,EAAE,cAAc,KAAM,IAAI,EAAA,aAAA,EAAc,SAAS,EAAA,QAAA,EAAA,CAChE,CAAC,KAAK,IAAI,OAAO,MAChBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,kBAAkB,CAAC,WAAW,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,CAC9D,KAAK,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,EAC7B,OAAO,KACNA,GAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,WAAW,gBACX,QAAQ,EACnB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,iBACD,eAAe,EAAA,CAC3B,CACH,CAAA,EAAA,CACG,CACP,EACA,QAAQ,KACPA,aACE,SAAS,EAAE,kBAAkB,CAAC,WAAW,EAAE,cAAc,CAAC,EAAA,aAAA,EAC9C,cAAc,EAAA,QAAA,EAEzB,QAAQ,GACL,CACP,CAAA,EAAA,CACO;AAEd,CAAC;AAwBD;;;;;;AAMG;AACI,MAAM,aAAa,GAAiC,CAAC,EAC1D,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,MACCA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,KACrE,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACL;AAGR;;;;;;AAMG;AACI,MAAM,WAAW,GAA+B,CAAC,EACtD,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,MACCA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,KACnE,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACL;AAGR;AACO,MAAM,OAAO,GAAG,iBAAiB,CACtC,gBAAgB,EAChB;AACE,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;CAClB,EACD,SAAS;;"}

package/dist/esm/components/Modal.js

@@ -332,5 +332,5 @@ const Modal = withSubComponents(ModalRoot, {
     Close: ModalClose,
 }, 'Modal');
 
-export { Modal };
+export { Modal, ModalBackground, ModalCard, ModalCardBody, ModalCardFoot, ModalCardHead, ModalCardTitle, ModalClose, ModalContent };
 //# sourceMappingURL=Modal.js.map