@expcat/tigercat-react 0.0.1

package/dist/chunk-TBIEWDY5.js

@@ -0,0 +1,175 @@
+'use strict';
+
+var chunkNEULKOYJ_js = require('./chunk-NEULKOYJ.js');
+var React = require('react');
+var reactDom = require('react-dom');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Modal = ({
+  visible = false,
+  size = "md",
+  title,
+  titleContent,
+  closable = true,
+  mask = true,
+  maskClosable = true,
+  centered = false,
+  destroyOnClose = false,
+  zIndex = 1e3,
+  className,
+  children,
+  footer,
+  onVisibleChange,
+  onClose,
+  onCancel,
+  onOk: _onOk,
+  closeAriaLabel,
+  locale,
+  style,
+  ...rest
+}) => {
+  const [hasBeenOpened, setHasBeenOpened] = React__default.default.useState(visible);
+  React.useEffect(() => {
+    if (visible) {
+      setHasBeenOpened(true);
+    }
+  }, [visible]);
+  React.useEffect(() => {
+    onVisibleChange?.(visible);
+    if (!visible && onClose) {
+      onClose();
+    }
+  }, [visible, onVisibleChange, onClose]);
+  const shouldRender = destroyOnClose ? visible : hasBeenOpened;
+  const handleClose = React.useCallback(() => {
+    onCancel?.();
+    onVisibleChange?.(false);
+  }, [onCancel, onVisibleChange]);
+  const handleMaskClick = React.useCallback(
+    (event) => {
+      if (maskClosable && event.target === event.currentTarget) {
+        handleClose();
+      }
+    },
+    [maskClosable, handleClose]
+  );
+  const contentClasses = React.useMemo(() => tigercatCore.getModalContentClasses(size, className), [size, className]);
+  const containerClasses = React.useMemo(() => tigercatCore.getModalContainerClasses(centered), [centered]);
+  const resolvedCloseAriaLabel = tigercatCore.resolveLocaleText(
+    "Close",
+    closeAriaLabel,
+    locale?.modal?.closeAriaLabel,
+    locale?.common?.closeText
+  );
+  const reactId = React.useId();
+  const modalId = React.useMemo(() => `tiger-modal-${reactId}`, [reactId]);
+  const titleId = `${modalId}-title`;
+  const {
+    ["aria-labelledby"]: _ariaLabelledby,
+    role: _role,
+    tabIndex: _tabIndex,
+    ...dialogDivProps
+  } = rest;
+  const ariaLabelledby = rest["aria-labelledby"] ?? (title || titleContent ? titleId : void 0);
+  const dialogRef = React.useRef(null);
+  const closeButtonRef = React.useRef(null);
+  const previousActiveElementRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!visible) return;
+    previousActiveElementRef.current = tigercatCore.captureActiveElement();
+    const timer = setTimeout(() => {
+      tigercatCore.focusFirst([closeButtonRef.current, dialogRef.current]);
+    }, 0);
+    return () => clearTimeout(timer);
+  }, [visible]);
+  React.useEffect(() => {
+    if (visible) return;
+    tigercatCore.restoreFocus(previousActiveElementRef.current);
+  }, [visible]);
+  chunkNEULKOYJ_js.useEscapeKey({ enabled: visible, onEscape: handleClose });
+  const CloseIcon = /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className: "h-5 w-5",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: tigercatCore.closeIconViewBox,
+      stroke: "currentColor",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          strokeLinecap: tigercatCore.closeIconPathStrokeLinecap,
+          strokeLinejoin: tigercatCore.closeIconPathStrokeLinejoin,
+          strokeWidth: tigercatCore.closeIconPathStrokeWidth,
+          d: tigercatCore.closeIconPathD
+        }
+      )
+    }
+  );
+  if (!shouldRender) {
+    return null;
+  }
+  if (destroyOnClose && !visible) {
+    return null;
+  }
+  const modalContent = /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: tigercatCore.classNames(tigercatCore.modalWrapperClasses, !visible && "pointer-events-none"),
+      style: { zIndex },
+      hidden: !visible,
+      "aria-hidden": !visible ? "true" : void 0,
+      "data-tiger-modal-root": "",
+      children: [
+        mask && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: tigercatCore.classNames(tigercatCore.modalMaskClasses, visible ? "opacity-100" : "opacity-0"),
+            "aria-hidden": "true",
+            "data-tiger-modal-mask": ""
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClasses, onClick: handleMaskClick, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: tigercatCore.classNames(contentClasses),
+            style,
+            ...dialogDivProps,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": ariaLabelledby,
+            tabIndex: -1,
+            ref: dialogRef,
+            "data-tiger-modal": "",
+            children: [
+              (title || titleContent || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.modalHeaderClasses, children: [
+                (title || titleContent) && /* @__PURE__ */ jsxRuntime.jsx("h3", { id: titleId, className: tigercatCore.modalTitleClasses, children: titleContent || title }),
+                closable && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: tigercatCore.modalCloseButtonClasses,
+                    onClick: handleClose,
+                    "aria-label": resolvedCloseAriaLabel,
+                    ref: closeButtonRef,
+                    children: CloseIcon
+                  }
+                )
+              ] }),
+              children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.modalBodyClasses, children }),
+              footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.modalFooterClasses, "data-tiger-modal-footer": "", children: footer })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+  return reactDom.createPortal(modalContent, document.body);
+};
+
+exports.Modal = Modal;

package/dist/chunk-TJFS44SH.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/CheckboxGroup.tsx
+var CheckboxGroupContextProvider = react.createContext(null);
+var useCheckboxGroup = () => {
+  return react.useContext(CheckboxGroupContextProvider);
+};
+var CheckboxGroup = ({
+  value: controlledValue,
+  defaultValue = [],
+  disabled = false,
+  size = "md",
+  onChange,
+  children,
+  className,
+  ...props
+}) => {
+  const [internalValue, setInternalValue] = react.useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : internalValue;
+  const updateValue = (val, checked) => {
+    if (disabled) return;
+    const currentValue = [...value];
+    const index = currentValue.indexOf(val);
+    if (checked && index === -1) {
+      currentValue.push(val);
+    } else if (!checked && index !== -1) {
+      currentValue.splice(index, 1);
+    }
+    if (!isControlled) {
+      setInternalValue(currentValue);
+    }
+    onChange?.(currentValue);
+  };
+  const context = {
+    value,
+    disabled,
+    size,
+    updateValue
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(CheckboxGroupContextProvider.Provider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className, children }) });
+};
+
+exports.CheckboxGroup = CheckboxGroup;
+exports.useCheckboxGroup = useCheckboxGroup;

package/dist/chunk-TR246HQP.mjs

@@ -0,0 +1,69 @@
+import { useCheckboxGroup } from './chunk-OCVQ3LOT.mjs';
+import { useState, useRef, useEffect } from 'react';
+import { getCheckboxClasses, classNames, getCheckboxLabelClasses } from '@expcat/tigercat-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Checkbox = ({
+  checked: controlledChecked,
+  defaultChecked = false,
+  value,
+  size: propSize,
+  disabled: propDisabled,
+  indeterminate = false,
+  onChange,
+  children,
+  className,
+  ...props
+}) => {
+  const groupContext = useCheckboxGroup();
+  const [internalChecked, setInternalChecked] = useState(defaultChecked);
+  const isControlled = controlledChecked !== void 0;
+  const effectiveSize = propSize || groupContext?.size || "md";
+  const effectiveDisabled = propDisabled !== void 0 ? propDisabled : groupContext?.disabled || false;
+  const checked = groupContext && value !== void 0 ? groupContext.value.includes(value) : isControlled ? controlledChecked : internalChecked;
+  const checkboxRef = useRef(null);
+  useEffect(() => {
+    if (checkboxRef.current) {
+      checkboxRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  const handleChange = (event) => {
+    if (effectiveDisabled) return;
+    const newValue = event.target.checked;
+    if (groupContext && value !== void 0) {
+      groupContext.updateValue(value, newValue);
+    } else {
+      if (!isControlled) {
+        setInternalChecked(newValue);
+      }
+      onChange?.(newValue, event);
+    }
+  };
+  const checkboxClasses = getCheckboxClasses(effectiveSize, effectiveDisabled);
+  const labelClasses = classNames(
+    getCheckboxLabelClasses(effectiveSize, effectiveDisabled),
+    className
+  );
+  const checkboxElement = /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref: checkboxRef,
+      type: "checkbox",
+      className: checkboxClasses,
+      checked,
+      disabled: effectiveDisabled,
+      value: typeof value === "boolean" ? String(value) : value,
+      onChange: handleChange,
+      ...props
+    }
+  );
+  if (!children) {
+    return checkboxElement;
+  }
+  return /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
+    checkboxElement,
+    /* @__PURE__ */ jsx("span", { className: "ml-2", children })
+  ] });
+};
+
+export { Checkbox };

package/dist/chunk-TZ26HQAW.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Avatar.tsx
+var Avatar = ({
+  size = "md",
+  shape = "circle",
+  src,
+  alt = "",
+  text,
+  bgColor = tigercatCore.avatarDefaultBgColor,
+  textColor = tigercatCore.avatarDefaultTextColor,
+  className,
+  children,
+  ...props
+}) => {
+  const [imageError, setImageError] = react.useState(false);
+  const hasImage = Boolean(src) && !imageError;
+  const displayText = text ? tigercatCore.getInitials(text) : "";
+  const ariaLabelProp = props["aria-label"];
+  const ariaLabelledbyProp = props["aria-labelledby"];
+  const ariaHiddenProp = props["aria-hidden"];
+  const computedLabel = ariaLabelProp ?? (alt.trim() ? alt : void 0) ?? (text?.trim() || void 0);
+  const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
+  const avatarClasses = tigercatCore.classNames(
+    tigercatCore.avatarBaseClasses,
+    tigercatCore.avatarSizeClasses[size],
+    tigercatCore.avatarShapeClasses[shape],
+    !hasImage && bgColor,
+    !hasImage && textColor,
+    className
+  );
+  if (hasImage) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ...props,
+        className: avatarClasses,
+        "aria-hidden": isDecorative ? true : props["aria-hidden"],
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src,
+            alt,
+            className: tigercatCore.avatarImageClasses,
+            onError: () => setImageError(true)
+          }
+        )
+      }
+    );
+  }
+  if (displayText) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ...props,
+        className: avatarClasses,
+        ...isDecorative ? { "aria-hidden": true } : {
+          role: "img",
+          "aria-label": computedLabel,
+          "aria-labelledby": ariaLabelledbyProp
+        },
+        children: displayText
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ...props,
+      className: avatarClasses,
+      ...isDecorative ? { "aria-hidden": true } : {
+        role: "img",
+        "aria-label": computedLabel,
+        "aria-labelledby": ariaLabelledbyProp
+      },
+      children
+    }
+  );
+};
+
+exports.Avatar = Avatar;

package/dist/chunk-U4ZVEPYD.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var chunkTJFS44SH_js = require('./chunk-TJFS44SH.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Checkbox = ({
+  checked: controlledChecked,
+  defaultChecked = false,
+  value,
+  size: propSize,
+  disabled: propDisabled,
+  indeterminate = false,
+  onChange,
+  children,
+  className,
+  ...props
+}) => {
+  const groupContext = chunkTJFS44SH_js.useCheckboxGroup();
+  const [internalChecked, setInternalChecked] = react.useState(defaultChecked);
+  const isControlled = controlledChecked !== void 0;
+  const effectiveSize = propSize || groupContext?.size || "md";
+  const effectiveDisabled = propDisabled !== void 0 ? propDisabled : groupContext?.disabled || false;
+  const checked = groupContext && value !== void 0 ? groupContext.value.includes(value) : isControlled ? controlledChecked : internalChecked;
+  const checkboxRef = react.useRef(null);
+  react.useEffect(() => {
+    if (checkboxRef.current) {
+      checkboxRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  const handleChange = (event) => {
+    if (effectiveDisabled) return;
+    const newValue = event.target.checked;
+    if (groupContext && value !== void 0) {
+      groupContext.updateValue(value, newValue);
+    } else {
+      if (!isControlled) {
+        setInternalChecked(newValue);
+      }
+      onChange?.(newValue, event);
+    }
+  };
+  const checkboxClasses = tigercatCore.getCheckboxClasses(effectiveSize, effectiveDisabled);
+  const labelClasses = tigercatCore.classNames(
+    tigercatCore.getCheckboxLabelClasses(effectiveSize, effectiveDisabled),
+    className
+  );
+  const checkboxElement = /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      ref: checkboxRef,
+      type: "checkbox",
+      className: checkboxClasses,
+      checked,
+      disabled: effectiveDisabled,
+      value: typeof value === "boolean" ? String(value) : value,
+      onChange: handleChange,
+      ...props
+    }
+  );
+  if (!children) {
+    return checkboxElement;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: labelClasses, children: [
+    checkboxElement,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children })
+  ] });
+};
+
+exports.Checkbox = Checkbox;

package/dist/chunk-UFAXJVMD.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Descriptions.tsx
+var Descriptions = ({
+  title,
+  extra,
+  bordered = false,
+  column = 3,
+  size = "md",
+  layout = "horizontal",
+  colon = true,
+  labelStyle,
+  contentStyle,
+  items = [],
+  className,
+  children,
+  ...props
+}) => {
+  const renderHeader = () => {
+    if (!title && !extra) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.descriptionsHeaderClasses, children: [
+      title ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.descriptionsTitleClasses, children: title }) : null,
+      extra ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.descriptionsExtraClasses, children: extra }) : null
+    ] });
+  };
+  const renderRow = (rowItems, rowIndex) => {
+    const cells = [];
+    rowItems.forEach((item, itemIndex) => {
+      const span = Math.min(item.span || 1, column);
+      const labelClass = tigercatCore.classNames(
+        tigercatCore.getDescriptionsLabelClasses(bordered, size, layout),
+        item.labelClassName
+      );
+      const contentClass = tigercatCore.classNames(
+        tigercatCore.getDescriptionsContentClasses(bordered, size, layout),
+        item.contentClassName
+      );
+      const key = `${rowIndex}-${itemIndex}`;
+      cells.push(
+        /* @__PURE__ */ jsxRuntime.jsxs("th", { className: labelClass, style: labelStyle, children: [
+          item.label,
+          colon && layout === "horizontal" ? ":" : ""
+        ] }, `${key}-label`)
+      );
+      cells.push(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "td",
+          {
+            className: contentClass,
+            style: contentStyle,
+            colSpan: span > 1 ? span * 2 - 1 : 1,
+            children: item.content
+          },
+          `${key}-content`
+        )
+      );
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx("tr", { children: cells }, rowIndex);
+  };
+  const renderHorizontalLayout = () => {
+    if (items.length === 0 && !children) {
+      return null;
+    }
+    const rows = tigercatCore.groupItemsIntoRows(items, column);
+    return /* @__PURE__ */ jsxRuntime.jsx("table", { className: tigercatCore.getDescriptionsTableClasses(bordered), children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, index) => renderRow(row, index)) }) });
+  };
+  const renderVerticalItem = (item, index) => {
+    const labelClass = tigercatCore.classNames(
+      tigercatCore.getDescriptionsLabelClasses(bordered, size, layout),
+      item.labelClassName
+    );
+    const contentClass = tigercatCore.classNames(
+      tigercatCore.getDescriptionsContentClasses(bordered, size, layout),
+      item.contentClassName
+    );
+    if (bordered) {
+      return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("th", { className: labelClass, style: labelStyle, children: [
+          item.label,
+          colon ? ":" : ""
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { className: contentClass, style: contentStyle, children: item.content })
+      ] }, index);
+    }
+    const itemClasses = tigercatCore.getDescriptionsVerticalItemClasses(bordered, size);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: itemClasses, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("dt", { className: labelClass, style: labelStyle, children: [
+        item.label,
+        colon ? ":" : ""
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: contentClass, style: contentStyle, children: item.content })
+    ] }, index);
+  };
+  const renderVerticalLayout = () => {
+    if (items.length === 0 && !children) {
+      return null;
+    }
+    if (bordered) {
+      return /* @__PURE__ */ jsxRuntime.jsx("table", { className: tigercatCore.getDescriptionsTableClasses(bordered), children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: items.map((item, index) => renderVerticalItem(item, index)) }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("dl", { className: tigercatCore.descriptionsVerticalWrapperClasses, children: items.map((item, index) => renderVerticalItem(item, index)) });
+  };
+  const descriptionsClasses = tigercatCore.classNames(
+    tigercatCore.descriptionsWrapperClasses,
+    tigercatCore.getDescriptionsClasses(bordered, size),
+    className
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: descriptionsClasses, ...props, children: [
+    renderHeader(),
+    layout === "horizontal" ? renderHorizontalLayout() : renderVerticalLayout(),
+    children
+  ] });
+};
+var Descriptions_default = Descriptions;
+
+exports.Descriptions = Descriptions;
+exports.Descriptions_default = Descriptions_default;

package/dist/chunk-V2HVHLBY.mjs

@@ -0,0 +1,83 @@
+import { useState } from 'react';
+import { getInitials, classNames, avatarBaseClasses, avatarSizeClasses, avatarShapeClasses, avatarDefaultBgColor, avatarDefaultTextColor, avatarImageClasses } from '@expcat/tigercat-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Avatar.tsx
+var Avatar = ({
+  size = "md",
+  shape = "circle",
+  src,
+  alt = "",
+  text,
+  bgColor = avatarDefaultBgColor,
+  textColor = avatarDefaultTextColor,
+  className,
+  children,
+  ...props
+}) => {
+  const [imageError, setImageError] = useState(false);
+  const hasImage = Boolean(src) && !imageError;
+  const displayText = text ? getInitials(text) : "";
+  const ariaLabelProp = props["aria-label"];
+  const ariaLabelledbyProp = props["aria-labelledby"];
+  const ariaHiddenProp = props["aria-hidden"];
+  const computedLabel = ariaLabelProp ?? (alt.trim() ? alt : void 0) ?? (text?.trim() || void 0);
+  const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
+  const avatarClasses = classNames(
+    avatarBaseClasses,
+    avatarSizeClasses[size],
+    avatarShapeClasses[shape],
+    !hasImage && bgColor,
+    !hasImage && textColor,
+    className
+  );
+  if (hasImage) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ...props,
+        className: avatarClasses,
+        "aria-hidden": isDecorative ? true : props["aria-hidden"],
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src,
+            alt,
+            className: avatarImageClasses,
+            onError: () => setImageError(true)
+          }
+        )
+      }
+    );
+  }
+  if (displayText) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ...props,
+        className: avatarClasses,
+        ...isDecorative ? { "aria-hidden": true } : {
+          role: "img",
+          "aria-label": computedLabel,
+          "aria-labelledby": ariaLabelledbyProp
+        },
+        children: displayText
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...props,
+      className: avatarClasses,
+      ...isDecorative ? { "aria-hidden": true } : {
+        role: "img",
+        "aria-label": computedLabel,
+        "aria-labelledby": ariaLabelledbyProp
+      },
+      children
+    }
+  );
+};
+
+export { Avatar };

package/dist/chunk-VD3IK5XT.mjs

@@ -0,0 +1,35 @@
+import { cardSizeClasses, classNames, getCardClasses, cardBodyClasses, cardCoverWrapperClasses, cardCoverClasses, cardActionsClasses, cardFooterClasses, cardHeaderClasses } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Card.tsx
+var Card = ({
+  variant = "default",
+  size = "md",
+  hoverable = false,
+  cover,
+  coverAlt = "Card cover image",
+  header,
+  footer,
+  actions,
+  className,
+  children,
+  ...props
+}) => {
+  const sectionSizeClass = cover ? cardSizeClasses[size] : void 0;
+  const cardClasses = classNames(
+    getCardClasses(variant, hoverable),
+    !cover && cardSizeClasses[size],
+    className
+  );
+  const bodyClasses = classNames(cardBodyClasses, sectionSizeClass);
+  const getSectionClasses = (baseClasses) => classNames(baseClasses, sectionSizeClass);
+  return /* @__PURE__ */ jsxs("div", { className: cardClasses, ...props, children: [
+    cover && /* @__PURE__ */ jsx("div", { className: cardCoverWrapperClasses, children: /* @__PURE__ */ jsx("img", { src: cover, alt: coverAlt, className: cardCoverClasses }) }),
+    header != null && /* @__PURE__ */ jsx("div", { className: getSectionClasses(cardHeaderClasses), children: header }),
+    children != null && /* @__PURE__ */ jsx("div", { className: bodyClasses, children }),
+    footer != null && /* @__PURE__ */ jsx("div", { className: getSectionClasses(cardFooterClasses), children: footer }),
+    actions != null && /* @__PURE__ */ jsx("div", { className: getSectionClasses(classNames(cardActionsClasses, cardFooterClasses)), children: actions })
+  ] });
+};
+
+export { Card };