@allxsmith/bestax-bulma 5.27.0 → 5.27.2

package/dist/esm/components/Badge.js

@@ -0,0 +1,105 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';
+import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
+
+const badgeColors = [
+    'primary',
+    'link',
+    'info',
+    'success',
+    'warning',
+    'danger',
+    'black',
+    'dark',
+    'light',
+    'white',
+];
+/**
+ * The `Badge` component is a small status/count indicator overlaid on the corner of another element, or rendered standalone.
+ *
+ * @function
+ * @param {BadgeProps} props - Props for the Badge component.
+ * @returns {JSX.Element | null} The rendered badge (and children, if provided).
+ *
+ * @example
+ * <Badge dot color="success" overlap="circle">
+ *   <Avatar src="/users/ada.jpg" name="Ada" />
+ * </Badge>
+ * @example
+ * <Badge content={128} max={99} color="danger">
+ *   <Icon name="bell" />
+ * </Badge>
+ */
+const Badge = ({ className, badgeClassName, content, max = 99, dot = false, showZero = false, color = 'danger', position = 'top-right', overlap = 'square', pulse = false, invisible = false, children, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses(props);
+    const hasChildren = children != null && children !== false;
+    const isZero = typeof content === 'number' && content === 0;
+    const hasContent = content != null &&
+        content !== false &&
+        content !== true &&
+        content !== '' &&
+        (!isZero || showZero);
+    // A hidden zero keeps the pill mounted (visually hidden via .is-zero) so the
+    // role="status" live region exists before a 0 -> 1 change — mutating text in
+    // an existing region is reliably announced, inserting an already-populated
+    // region is not.
+    const zeroPlaceholder = isZero && !showZero && !dot && !invisible;
+    const shouldRender = dot || hasContent || invisible || zeroPlaceholder;
+    // A negative or non-integer max is nonsensical; fall back to the default
+    // rather than render e.g. "-1+" (mirrors Avatars' max sanitization).
+    const sanitizedMax = Number.isInteger(max) && max >= 0 ? max : 99;
+    const displayValue = useMemo(() => {
+        if (dot || !hasContent)
+            return undefined;
+        // max only applies to numeric content; any other node renders verbatim.
+        if (typeof content === 'number') {
+            return content > sanitizedMax ? `${sanitizedMax}+` : String(content);
+        }
+        return content;
+    }, [dot, hasContent, content, sanitizedMax]);
+    // Only primitive content produces a meaningful aria-label; a custom node
+    // supplies its own accessible text, so we leave role="status" unlabeled.
+    const ariaLabel = typeof displayValue === 'string' || typeof displayValue === 'number'
+        ? String(displayValue)
+        : undefined;
+    // Both prefixed-classname hooks stay above the early returns (Rules of Hooks).
+    const wrapperClass = usePrefixedClassNames('badge-wrapper');
+    const badgeClasses = usePrefixedClassNames('badge', {
+        [`is-${color}`]: !!color && badgeColors.includes(color),
+        // Corner position / overlap only mean anything inside a wrapper; emitting
+        // them on a standalone badge shifts it out of normal flow via the transform.
+        [`is-${position}`]: !!position && hasChildren,
+        [`is-overlap-${overlap}`]: !!overlap && hasChildren,
+        'is-standalone': !hasChildren,
+        'is-dot': dot,
+        'is-pulse': pulse,
+        'is-invisible': invisible,
+        'is-zero': zeroPlaceholder,
+    });
+    // badgeClassName is a plain (unprefixed) slot merged onto the pill, mirroring
+    // Tooltip's tooltipClassName. Standalone badges have no wrapper, so the pill
+    // is the root and takes className/helpers/rest directly.
+    const pillClass = hasChildren
+        ? classNames(badgeClasses, badgeClassName)
+        : classNames(badgeClasses, badgeClassName, bulmaHelperClasses, className);
+    const a11yProps = dot
+        ? { 'aria-hidden': true }
+        : {
+            role: 'status',
+            ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : {}),
+        };
+    const indicator = shouldRender ? (jsx("span", { className: pillClass, ...a11yProps, ...(hasChildren ? {} : rest), children: !dot && displayValue })) : null;
+    if (!hasChildren) {
+        return indicator;
+    }
+    // Always render the wrapper when there are children so the root keeps
+    // className/helpers/rest (data-testid, id, onClick, ...) even when the badge
+    // itself is hidden.
+    return (jsxs("span", { className: classNames(wrapperClass, bulmaHelperClasses, className), ...rest, children: [children, indicator] }));
+};
+Badge.displayName = 'Badge';
+
+export { Badge };
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\n\nconst badgeColors = [\n  'primary',\n  'link',\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'black',\n  'dark',\n  'light',\n  'white',\n] as const;\n\n/** Valid color values for the Badge component. */\nexport type BadgeColor = (typeof badgeColors)[number];\n\n/** Valid corner position values for the Badge component. */\nexport type BadgePosition =\n  'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n\n/** Valid overlap adjustment values for the Badge component. */\nexport type BadgeOverlap = 'circle' | 'square';\n\n/**\n * Props for the Badge component.\n */\nexport interface BadgeProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'content'>,\n    Omit<BulmaClassesProps, 'color'> {\n  /** Additional CSS classes for the root — the wrapper when `children` are present, else the badge pill. */\n  className?: string;\n  /** Additional CSS classes applied to the badge pill itself (unprefixed, like `Tooltip`'s `tooltipClassName`). */\n  badgeClassName?: string;\n  /** Count, short text, or a custom node to display; omit with `dot` for a plain dot. `max`/`showZero` apply only to numeric content. */\n  content?: React.ReactNode;\n  /** Numeric `content` above this renders as `\"{max}+\"`. A negative or non-integer value falls back to the default. */\n  max?: number;\n  /** Render a small dot with no content. */\n  dot?: boolean;\n  /** Show the badge when `content` is `0`. Default `false`. */\n  showZero?: boolean;\n  /** Status color. Default `'danger'`. */\n  color?: BadgeColor;\n  /** Corner to overlay the badge on, relative to `children`. Ignored for standalone badges (no `children`). */\n  position?: BadgePosition;\n  /** Nudges the offset for a round (`'circle'`) vs rectangular (`'square'`) child. Ignored for standalone badges (no `children`). */\n  overlap?: BadgeOverlap;\n  /** Processing/pulse animation; no-ops under `prefers-reduced-motion: reduce`. */\n  pulse?: boolean;\n  /** Hide the badge pill without unmounting it (the wrapper and `children` stay visible). */\n  invisible?: boolean;\n  /** The element the badge overlays. Omit to render a standalone badge. */\n  children?: React.ReactNode;\n}\n\n/**\n * The `Badge` component is a small status/count indicator overlaid on the corner of another element, or rendered standalone.\n *\n * @function\n * @param {BadgeProps} props - Props for the Badge component.\n * @returns {JSX.Element | null} The rendered badge (and children, if provided).\n *\n * @example\n * <Badge dot color=\"success\" overlap=\"circle\">\n *   <Avatar src=\"/users/ada.jpg\" name=\"Ada\" />\n * </Badge>\n * @example\n * <Badge content={128} max={99} color=\"danger\">\n *   <Icon name=\"bell\" />\n * </Badge>\n */\nexport const Badge: React.FC<BadgeProps> = ({\n  className,\n  badgeClassName,\n  content,\n  max = 99,\n  dot = false,\n  showZero = false,\n  color = 'danger',\n  position = 'top-right',\n  overlap = 'square',\n  pulse = false,\n  invisible = false,\n  children,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n\n  const hasChildren = children != null && children !== false;\n\n  const isZero = typeof content === 'number' && content === 0;\n  const hasContent =\n    content != null &&\n    content !== false &&\n    content !== true &&\n    content !== '' &&\n    (!isZero || showZero);\n  // A hidden zero keeps the pill mounted (visually hidden via .is-zero) so the\n  // role=\"status\" live region exists before a 0 -> 1 change — mutating text in\n  // an existing region is reliably announced, inserting an already-populated\n  // region is not.\n  const zeroPlaceholder = isZero && !showZero && !dot && !invisible;\n  const shouldRender = dot || hasContent || invisible || zeroPlaceholder;\n\n  // A negative or non-integer max is nonsensical; fall back to the default\n  // rather than render e.g. \"-1+\" (mirrors Avatars' max sanitization).\n  const sanitizedMax = Number.isInteger(max) && max >= 0 ? max : 99;\n\n  const displayValue = useMemo<React.ReactNode>(() => {\n    if (dot || !hasContent) return undefined;\n    // max only applies to numeric content; any other node renders verbatim.\n    if (typeof content === 'number') {\n      return content > sanitizedMax ? `${sanitizedMax}+` : String(content);\n    }\n    return content;\n  }, [dot, hasContent, content, sanitizedMax]);\n\n  // Only primitive content produces a meaningful aria-label; a custom node\n  // supplies its own accessible text, so we leave role=\"status\" unlabeled.\n  const ariaLabel =\n    typeof displayValue === 'string' || typeof displayValue === 'number'\n      ? String(displayValue)\n      : undefined;\n\n  // Both prefixed-classname hooks stay above the early returns (Rules of Hooks).\n  const wrapperClass = usePrefixedClassNames('badge-wrapper');\n  const badgeClasses = usePrefixedClassNames('badge', {\n    [`is-${color}`]: !!color && badgeColors.includes(color),\n    // Corner position / overlap only mean anything inside a wrapper; emitting\n    // them on a standalone badge shifts it out of normal flow via the transform.\n    [`is-${position}`]: !!position && hasChildren,\n    [`is-overlap-${overlap}`]: !!overlap && hasChildren,\n    'is-standalone': !hasChildren,\n    'is-dot': dot,\n    'is-pulse': pulse,\n    'is-invisible': invisible,\n    'is-zero': zeroPlaceholder,\n  });\n\n  // badgeClassName is a plain (unprefixed) slot merged onto the pill, mirroring\n  // Tooltip's tooltipClassName. Standalone badges have no wrapper, so the pill\n  // is the root and takes className/helpers/rest directly.\n  const pillClass = hasChildren\n    ? classNames(badgeClasses, badgeClassName)\n    : classNames(badgeClasses, badgeClassName, bulmaHelperClasses, className);\n\n  const a11yProps = dot\n    ? { 'aria-hidden': true as const }\n    : {\n        role: 'status' as const,\n        ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : {}),\n      };\n\n  const indicator = shouldRender ? (\n    <span className={pillClass} {...a11yProps} {...(hasChildren ? {} : rest)}>\n      {!dot && displayValue}\n    </span>\n  ) : null;\n\n  if (!hasChildren) {\n    return indicator;\n  }\n\n  // Always render the wrapper when there are children so the root keeps\n  // className/helpers/rest (data-testid, id, onClick, ...) even when the badge\n  // itself is hidden.\n  return (\n    <span\n      className={classNames(wrapperClass, bulmaHelperClasses, className)}\n      {...rest}\n    >\n      {children}\n      {indicator}\n    </span>\n  );\n};\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/Breadcrumb.js

@@ -0,0 +1,36 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+import { jsx } from 'react/jsx-runtime';
+import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';
+import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
+
+const validBreadcrumbAlignments = ['centered', 'right'];
+const validBreadcrumbSeparators = [
+    'arrow',
+    'bullet',
+    'dot',
+    'succeeds',
+];
+const validBreadcrumbSizes = ['small', 'medium', 'large'];
+/**
+ * The `Breadcrumb` component renders a Bulma-styled breadcrumb navigation.
+ *
+ * @function
+ * @param {BreadcrumbProps} props - Props for the Breadcrumb component.
+ * @returns {JSX.Element} The rendered breadcrumb element.
+ * @see {@link https://bulma.io/documentation/components/breadcrumb/ | Bulma Breadcrumb documentation}
+ */
+const Breadcrumb = ({ className, alignment, separator, size, children, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
+    // Generate Bulma classes with prefix
+    const bulmaClasses = usePrefixedClassNames('breadcrumb', {
+        [`is-${alignment}`]: alignment && validBreadcrumbAlignments.includes(alignment),
+        [`has-${separator}-separator`]: separator && validBreadcrumbSeparators.includes(separator),
+        [`is-${size}`]: size && validBreadcrumbSizes.includes(size),
+    });
+    // Combine prefixed Bulma classes with unprefixed user className and prefixed helper classes
+    const breadcrumbClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
+    return (jsx("nav", { className: breadcrumbClasses, "aria-label": "breadcrumbs", ...rest, children: jsx("ul", { children: children }) }));
+};
+
+export { Breadcrumb };
+//# sourceMappingURL=Breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\n\nconst validBreadcrumbAlignments = ['centered', 'right'] as const;\n/**\n * Valid alignment values for the Breadcrumb component.\n */\nexport type BreadcrumbAlignment = (typeof validBreadcrumbAlignments)[number];\n\nconst validBreadcrumbSeparators = [\n  'arrow',\n  'bullet',\n  'dot',\n  'succeeds',\n] as const;\n/**\n * Valid separator values for the Breadcrumb component.\n */\nexport type BreadcrumbSeparator = (typeof validBreadcrumbSeparators)[number];\n\nconst validBreadcrumbSizes = ['small', 'medium', 'large'] as const;\n/**\n * Valid size values for the Breadcrumb component.\n */\nexport type BreadcrumbSize = (typeof validBreadcrumbSizes)[number];\n\n/**\n * Props for the Breadcrumb component.\n */\nexport interface BreadcrumbProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, 'color'>,\n    Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /** Alignment of the breadcrumb (`is-centered`, `is-right`). */\n  alignment?: BreadcrumbAlignment;\n  /** Type of separator between breadcrumb items. */\n  separator?: BreadcrumbSeparator;\n  /** Breadcrumb size. */\n  size?: BreadcrumbSize;\n  /** Breadcrumb items (`<li>`s with `<a>` or `<span>`). */\n  children?: React.ReactNode;\n}\n\n/**\n * The `Breadcrumb` component renders a Bulma-styled breadcrumb navigation.\n *\n * @function\n * @param {BreadcrumbProps} props - Props for the Breadcrumb component.\n * @returns {JSX.Element} The rendered breadcrumb element.\n * @see {@link https://bulma.io/documentation/components/breadcrumb/ | Bulma Breadcrumb documentation}\n */\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\n  className,\n  alignment,\n  separator,\n  size,\n  children,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });\n\n  // Generate Bulma classes with prefix\n  const bulmaClasses = usePrefixedClassNames('breadcrumb', {\n    [`is-${alignment}`]:\n      alignment && validBreadcrumbAlignments.includes(alignment),\n    [`has-${separator}-separator`]:\n      separator && validBreadcrumbSeparators.includes(separator),\n    [`is-${size}`]: size && validBreadcrumbSizes.includes(size),\n  });\n\n  // Combine prefixed Bulma classes with unprefixed user className and prefixed helper classes\n  const breadcrumbClasses = classNames(\n    bulmaClasses,\n    bulmaHelperClasses,\n    className\n  );\n\n  return (\n    <nav className={breadcrumbClasses} aria-label=\"breadcrumbs\" {...rest}>\n      <ul>{children}</ul>\n    </nav>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,yBAAyB,GAAG,CAAC,UAAU,EAAE,OAAO,CAAU;AAMhE,MAAM,yBAAyB,GAAG;IAChC,OAAO;IACP,QAAQ;IACR,KAAK;IACL,UAAU;CACF;AAMV,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU;AAyBlE;;;;;;;AAOG;MACU,UAAU,GAA8B,CAAC,EACpD,SAAS,EACT,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;;AAGlE,IAAA,MAAM,YAAY,GAAG,qBAAqB,CAAC,YAAY,EAAE;AACvD,QAAA,CAAC,CAAA,GAAA,EAAM,SAAS,CAAA,CAAE,GAChB,SAAS,IAAI,yBAAyB,CAAC,QAAQ,CAAC,SAAS,CAAC;AAC5D,QAAA,CAAC,CAAA,IAAA,EAAO,SAAS,CAAA,UAAA,CAAY,GAC3B,SAAS,IAAI,yBAAyB,CAAC,QAAQ,CAAC,SAAS,CAAC;AAC5D,QAAA,CAAC,CAAA,GAAA,EAAM,IAAI,CAAA,CAAE,GAAG,IAAI,IAAI,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC5D,KAAA,CAAC;;IAGF,MAAM,iBAAiB,GAAG,UAAU,CAClC,YAAY,EACZ,kBAAkB,EAClB,SAAS,CACV;AAED,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,iBAAiB,EAAA,YAAA,EAAa,aAAa,EAAA,GAAK,IAAI,YAClEA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAK,QAAQ,EAAA,CAAM,EAAA,CACf;AAEV;;"}

package/dist/esm/components/Card.js

@@ -0,0 +1,252 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import { classNames, usePrefixedClassNames, prefixedClassNames } from '../helpers/classNames.js';
+import { withSubComponents } from '../helpers/withSubComponents.js';
+import { ANCHOR_ONLY_ATTRS, omitAttrs } from '../helpers/anchorAttrs.js';
+import { buttonType } from '../helpers/buttonType.js';
+import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
+import { mergeBulmaStyles } from '../helpers/mergeBulmaStyles.js';
+import { useConfig } from '../helpers/Config.js';
+
+/**
+ * Check if children contain any Card compound sub-components.
+ * @param {React.ReactNode} children - The children to inspect.
+ * @returns {boolean} True if any child is a Card compound component.
+ */
+const hasCompoundComponents = (children) => {
+    return React.Children.toArray(children).some(child => {
+        if (!React.isValidElement(child))
+            return false;
+        // Direct comparison with our compound component functions
+        return (child.type === CardHeader ||
+            child.type === CardContent ||
+            child.type === CardImage ||
+            child.type === CardFooter ||
+            child.type === CardFooterItem ||
+            child.type === CardHeaderIcon);
+    });
+};
+/**
+ * The `Card` component renders a Bulma-styled card with optional header, image, content, and footer.
+ *
+ * @function
+ * @param {CardProps} props - Props for the Card component.
+ * @returns {JSX.Element} The rendered card element.
+ * @see {@link https://bulma.io/documentation/components/card/ | Bulma Card documentation}
+ */
+const CardComponent = ({ className, children, textColor, color, bgColor, hasShadow = true, header, headerCentered, headerIcon, footer, image, imageAlt, style, ...props }) => {
+    const { classPrefix } = useConfig();
+    const { bulmaHelperClasses, bulmaHelperStyles, rest } = useBulmaClasses({
+        color: textColor ?? color,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    // Generate Bulma classes with prefix
+    const bulmaClasses = usePrefixedClassNames('card', {
+        'is-shadowless': !hasShadow,
+    });
+    // Combine prefixed Bulma classes with unprefixed user className and prefixed helper classes
+    const cardClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
+    // Render header with optional icon and is-centered modifier
+    const renderHeader = (header, headerIcon, headerCentered, classPrefix) => {
+        if (!header && !headerIcon)
+            return null;
+        return (jsxs("header", { className: prefixedClassNames(classPrefix, 'card-header'), children: [header && (jsx("div", { className: prefixedClassNames(classPrefix, 'card-header-title', {
+                        'is-centered': headerCentered,
+                    }), children: header })), headerIcon] }));
+    };
+    // Any falsy footer (including `0`) and an empty array render no footer bar,
+    // rather than a stray `0` or an empty `.card-footer`.
+    const hasFooter = Array.isArray(footer) ? footer.length > 0 : Boolean(footer);
+    return (jsxs("div", { className: cardClasses, style: mergeBulmaStyles(bulmaHelperStyles, style), ...rest, children: [renderHeader(header, headerIcon, headerCentered, classPrefix), image && (jsx("div", { className: prefixedClassNames(classPrefix, 'card-image'), children: typeof image === 'string' ? (jsx("figure", { className: prefixedClassNames(classPrefix, 'image'), children: jsx("img", { src: image, alt: imageAlt ?? 'Card image' }) })) : (image) })), typeof children !== 'undefined' &&
+                children !== null &&
+                children !== '' &&
+                !hasCompoundComponents(children) && (jsx("div", { className: prefixedClassNames(classPrefix, 'card-content'), children: children })), typeof children !== 'undefined' &&
+                children !== null &&
+                children !== '' &&
+                hasCompoundComponents(children) &&
+                children, hasFooter && (jsx("footer", { className: prefixedClassNames(classPrefix, 'card-footer'), children: Array.isArray(footer) ? (footer.map((item, idx) => (jsx("span", { className: prefixedClassNames(classPrefix, 'card-footer-item'), children: item }, idx)))) : (jsx("span", { className: prefixedClassNames(classPrefix, 'card-footer-item'), children: footer })) }))] }));
+};
+/**
+ * The set withheld from a non-anchor `Card.FooterItem` (`span`/`button`): the
+ * derived anchor-only attributes, minus `type` (also valid on a `<button>` as
+ * `submit`/`button`/`reset`, so stripping it there would remove a working
+ * attribute; one set for both tags means a `type` also reaches a `<span>`,
+ * which `Dropdown.Item` avoids by choosing its set per tag), plus `rel` (React
+ * declares it on `HTMLAttributes` for every element, so the derived set alone
+ * would not withhold it — the same addition `Level.Item` makes).
+ */
+const STRIP_FROM_NON_ANCHOR$1 = (() => {
+    const { type: _type, ...rest } = ANCHOR_ONLY_ATTRS;
+    return { ...rest, rel: true };
+})();
+/**
+ * The set withheld from a non-button `Card.FooterItem` (`span`/`a`), keyed so
+ * it stops compiling until a button attribute React adds is named here.
+ */
+const STRIP_FROM_NON_BUTTON = {
+    disabled: true,
+    form: true,
+    formAction: true,
+    formEncType: true,
+    formMethod: true,
+    formNoValidate: true,
+    formTarget: true,
+    name: true,
+    value: true,
+};
+/**
+ * Card header compound component. Wraps children in a `.card-header` element.
+ *
+ * @function
+ * @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 { classPrefix } = useConfig();
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor ?? color,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    // Check if children contains a CardHeaderTitle component
+    const hasHeaderTitle = React.Children.toArray(children).some(child => React.isValidElement(child) &&
+        typeof child.type === 'function' &&
+        child.type === CardHeaderTitle);
+    const headerClasses = usePrefixedClassNames('card-header');
+    return (jsx("header", { className: classNames(headerClasses, bulmaHelperClasses, className), ...rest, children: hasHeaderTitle ? (children) : (jsx("div", { className: classNames(prefixedClassNames(classPrefix, 'card-header-title', {
+                'is-centered': centered,
+            }), className), children: children })) }));
+};
+/**
+ * Card header title compound component. Renders a `.card-header-title` element.
+ *
+ * @function
+ * @param {CardHeaderTitleProps} props - Props for the CardHeaderTitle component.
+ * @returns {JSX.Element} The rendered card header title.
+ */
+const CardHeaderTitle = ({ as = 'div', className, children, centered, color, bgColor, textColor, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor ?? color,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    const Tag = as;
+    return (jsx(Tag, { className: classNames(usePrefixedClassNames('card-header-title', {
+            'is-centered': centered,
+        }), bulmaHelperClasses, className), ...rest, children: children }));
+};
+/**
+ * Card header icon compound component. Renders a `.card-header-icon` button.
+ *
+ * @function
+ * @param {CardHeaderIconProps} props - Props for the CardHeaderIcon component.
+ * @returns {JSX.Element} The rendered card header icon button.
+ */
+const CardHeaderIcon = ({ className, children, color, bgColor, textColor, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor ?? color,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    return (jsx("button", { className: classNames(usePrefixedClassNames('card-header-icon'), bulmaHelperClasses, className), ...rest, "aria-label": rest['aria-label'] || 'more options', type: buttonType(rest.type), children: children }));
+};
+/**
+ * Card image compound component. Wraps children in a `.card-image` element.
+ *
+ * @function
+ * @param {CardImageProps} props - Props for the CardImage component.
+ * @returns {JSX.Element} The rendered card image container.
+ */
+const CardImage = ({ className, children, color, bgColor, textColor, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor ?? color,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    return (jsx("div", { className: classNames(usePrefixedClassNames('card-image'), bulmaHelperClasses, className), ...rest, children: children }));
+};
+/**
+ * Card content compound component. Wraps children in a `.card-content` element.
+ *
+ * @function
+ * @param {CardContentProps} props - Props for the CardContent component.
+ * @returns {JSX.Element} The rendered card content container.
+ */
+const CardContent = ({ className, children, color, bgColor, textColor, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor ?? color,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    return (jsx("div", { className: classNames(usePrefixedClassNames('card-content'), bulmaHelperClasses, className), ...rest, children: children }));
+};
+/**
+ * Card footer compound component. Wraps children in a `.card-footer` element.
+ *
+ * @function
+ * @param {CardFooterProps} props - Props for the CardFooter component.
+ * @returns {JSX.Element} The rendered card footer.
+ */
+const CardFooter = ({ className, children, color, bgColor, textColor, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor ?? color,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    return (jsx("footer", { className: classNames(usePrefixedClassNames('card-footer'), bulmaHelperClasses, className), ...rest, children: children }));
+};
+/**
+ * Card footer item compound component. Wraps children in a `.card-footer-item` span.
+ *
+ * @function
+ * @param {CardFooterItemProps} props - Props for the CardFooterItem component.
+ * @returns {JSX.Element} The rendered card footer item.
+ */
+const CardFooterItem = ({ as = 'span', className, children, color, bgColor, textColor, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor ?? color,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    const itemClasses = classNames(usePrefixedClassNames('card-footer-item'), bulmaHelperClasses, className);
+    // The anchor's own attributes reach an `<a>` and nothing else, and the button's a
+    // `<button>` — `STRIP_FROM_NON_ANCHOR` above names the anchor set and why `type`
+    // stays while `rel` is added, and `STRIP_FROM_NON_BUTTON` the button set.
+    if (as === 'a') {
+        return (jsx("a", { className: itemClasses, ...omitAttrs(rest, STRIP_FROM_NON_BUTTON), children: children }));
+    }
+    const forwarded = omitAttrs(rest, STRIP_FROM_NON_ANCHOR$1);
+    if (as === 'button') {
+        return (jsx("button", { className: itemClasses, ...forwarded, 
+            // A footer item button must not submit an enclosing form by default —
+            // `<button>` defaults to `type="submit"`, and a Save/Cancel action row
+            // sitting in a form is the common case this `as` exists for.
+            //
+            // A MISSING `type` is not the only way that default arrives: `type` is
+            // typed here as the `<a>` MIME string (`STRIP_FROM_NON_ANCHOR` above
+            // says why it is not withheld), so `as="button" type="text/html"`
+            // compiles, and HTML's INVALID-value default for a button's `type` is
+            // submit too. `buttonType` keeps `button`, `submit` and `reset` and
+            // turns anything else into `button`.
+            type: buttonType(forwarded.type), children: children }));
+    }
+    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, {
+    Title: CardHeaderTitle,
+    Icon: CardHeaderIcon,
+});
+/** Card component with Header, Image, Content, Footer, and FooterItem sub-components. */
+const Card = withSubComponents(CardComponent, {
+    Header: CardHeaderCompound,
+    Image: CardImage,
+    Content: CardContent,
+    Footer: CardFooter,
+    FooterItem: CardFooterItem,
+}, 'Card');
+
+export { Card };
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +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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"}