asterui 0.12.49 → 0.12.51

package/dist/components/Button.js

@@ -1,113 +1,114 @@
-import { jsx as r, jsxs as I, Fragment as E } from "react/jsx-runtime";
-import { IconSizeContext as F } from "../contexts/IconSizeContext.js";
-const O = ({
-  children: a,
-  color: p,
-  variant: i,
-  size: c = "md",
-  active: x = !1,
-  loading: t = !1,
-  shape: d,
-  noAnimation: C = !1,
-  icon: l,
-  iconPosition: n = "start",
+import { jsx as o, jsxs as $, Fragment as A } from "react/jsx-runtime";
+import { IconSizeContext as E } from "../contexts/IconSizeContext.js";
+import { useConfig as W } from "./ConfigProvider.js";
+const X = "btn", F = "btn-primary", G = "btn-secondary", O = "btn-accent", H = "btn-info", J = "btn-success", M = "btn-warning", Q = "btn-error", R = "btn-neutral", U = "btn-outline", V = "btn-dash", Y = "btn-soft", Z = "btn-ghost", _ = "btn-link", P = "btn-xs", nn = "btn-sm", tn = "btn-lg", sn = "btn-xl", en = "btn-active", on = "btn-square", rn = "btn-circle", cn = "btn-wide", an = "btn-block", ln = "loading", dn = "loading-spinner", Cn = ({
+  children: r,
+  color: y,
+  variant: d,
+  size: p,
+  active: C = !1,
+  loading: n = !1,
+  shape: i,
+  noAnimation: g = !1,
+  icon: c,
+  iconPosition: t = "start",
   danger: k = !1,
   pressed: b,
-  className: g = "",
-  ...o
+  className: x = "",
+  ...a
 }) => {
-  const m = k ? "error" : p, v = {
-    primary: "btn-primary",
-    secondary: "btn-secondary",
-    accent: "btn-accent",
-    info: "btn-info",
-    success: "btn-success",
-    warning: "btn-warning",
-    error: "btn-error",
-    neutral: "btn-neutral"
+  const { componentSize: S } = W(), l = p ?? S ?? "md", m = k ? "error" : y, v = {
+    primary: F,
+    secondary: G,
+    accent: O,
+    info: H,
+    success: J,
+    warning: M,
+    error: Q,
+    neutral: R
   }, w = {
     solid: "",
     // default, no extra class needed
-    outline: "btn-outline",
-    dash: "btn-dash",
-    soft: "btn-soft",
-    ghost: "btn-ghost",
-    link: "btn-link"
+    outline: U,
+    dash: V,
+    soft: Y,
+    ghost: Z,
+    link: _
   }, D = {
-    xs: "btn-xs",
-    sm: "btn-sm",
+    xs: P,
+    sm: nn,
     md: "",
-    lg: "btn-lg",
-    xl: "btn-xl"
-  }, B = {
-    square: "btn-square",
-    circle: "btn-circle",
-    wide: "btn-wide",
-    block: "btn-block",
+    lg: tn,
+    xl: sn
+  }, z = {
+    square: on,
+    circle: rn,
+    wide: cn,
+    block: an,
     round: "rounded-full"
   }, u = [
-    "btn",
+    X,
     m && v[m],
-    i && w[i],
-    D[c],
-    x && "btn-active",
-    d && B[d],
-    C && "no-animation",
-    g
-  ].filter(Boolean).join(" "), K = a != null && a !== "" ? {
-    xs: n === "start" ? "mr-1" : "ml-1",
-    sm: n === "start" ? "mr-1" : "ml-1",
-    md: n === "start" ? "mr-1.5" : "ml-1.5",
-    lg: n === "start" ? "mr-2" : "ml-2",
-    xl: n === "start" ? "mr-2" : "ml-2"
-  }[c] : "", f = l && /* @__PURE__ */ r(F.Provider, { value: c, children: /* @__PURE__ */ r("span", { className: `inline-flex items-center ${K}`, "aria-hidden": "true", children: l }) }), h = /* @__PURE__ */ I(E, { children: [
-    t && /* @__PURE__ */ r("span", { className: "loading loading-spinner", "aria-hidden": "true" }),
-    !t && l && n === "start" && f,
-    a,
-    !t && l && n === "end" && f
+    d && w[d],
+    D[l],
+    C && en,
+    i && z[i],
+    g && "no-animation",
+    x
+  ].filter(Boolean).join(" "), N = r != null && r !== "" ? {
+    xs: t === "start" ? "mr-1" : "ml-1",
+    sm: t === "start" ? "mr-1" : "ml-1",
+    md: t === "start" ? "mr-1.5" : "ml-1.5",
+    lg: t === "start" ? "mr-2" : "ml-2",
+    xl: t === "start" ? "mr-2" : "ml-2"
+  }[l] : "", f = c && /* @__PURE__ */ o(E.Provider, { value: l, children: /* @__PURE__ */ o("span", { className: `inline-flex items-center ${N}`, "aria-hidden": "true", children: c }) }), B = /* @__PURE__ */ $(A, { children: [
+    n && /* @__PURE__ */ o("span", { className: `${ln} ${dn}`, "aria-hidden": "true" }),
+    !n && c && t === "start" && f,
+    r,
+    !n && c && t === "end" && f
   ] });
-  if ("href" in o && o.href !== void 0) {
-    const { href: S, disabled: T, onKeyDown: j, onClick: q, ...z } = o, s = T || t;
-    return /* @__PURE__ */ r(
+  if ("href" in a && a.href !== void 0) {
+    const { href: L, disabled: T, onKeyDown: j, onClick: q, ...I } = a, e = T || n;
+    return /* @__PURE__ */ o(
       "a",
       {
-        href: s ? void 0 : S,
+        href: e ? void 0 : L,
         role: "button",
         className: u,
-        "aria-disabled": s || void 0,
-        "aria-busy": t || void 0,
+        "aria-disabled": e || void 0,
+        "aria-busy": n || void 0,
         "aria-pressed": b,
-        tabIndex: s ? -1 : 0,
-        onKeyDown: (e) => {
-          e.key === " " && !s && (e.preventDefault(), e.currentTarget.click()), j?.(e);
+        tabIndex: e ? -1 : 0,
+        onKeyDown: (s) => {
+          s.key === " " && !e && (s.preventDefault(), s.currentTarget.click()), j?.(s);
         },
-        onClick: (e) => {
-          if (s) {
-            e.preventDefault();
+        onClick: (s) => {
+          if (e) {
+            s.preventDefault();
             return;
           }
-          q?.(e);
+          q?.(s);
         },
-        ...z,
-        children: h
+        ...I,
+        children: B
       }
     );
   }
-  const { htmlType: N, ...y } = o;
-  return /* @__PURE__ */ r(
+  const { htmlType: K, ...h } = a;
+  return /* @__PURE__ */ o(
     "button",
     {
-      type: N ?? "button",
+      type: K ?? "button",
       className: u,
-      "aria-busy": t || void 0,
+      "aria-busy": n || void 0,
       "aria-pressed": b,
-      disabled: t || y.disabled,
-      ...y,
-      children: h
+      disabled: n || h.disabled,
+      ...h,
+      children: B
     }
   );
 };
 export {
-  O as Button
+  Cn as Button
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React from 'react'\nimport { IconSizeContext } from '../contexts/IconSizeContext'\n\ntype BaseButtonProps = {\n  /** Button color */\n  color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n  /** Button style variant */\n  variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link'\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Active/pressed visual state */\n  active?: boolean\n  /** Show loading spinner and disable button */\n  loading?: boolean\n  /** Button shape */\n  shape?: 'square' | 'circle' | 'wide' | 'block' | 'round'\n  /** Disable click animation */\n  noAnimation?: boolean\n  /** Icon element to display */\n  icon?: React.ReactNode\n  /** Position of the icon */\n  iconPosition?: 'start' | 'end'\n  /** Applies error/danger styling (shorthand for color=\"error\") */\n  danger?: boolean\n  /** Toggle button pressed state (sets aria-pressed) */\n  pressed?: boolean\n}\n\ntype ButtonAsButton = BaseButtonProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n    href?: undefined\n    htmlType?: 'button' | 'submit' | 'reset'\n  }\n\ntype ButtonAsAnchor = BaseButtonProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {\n    href: string\n    htmlType?: undefined\n    /** Disable the link button */\n    disabled?: boolean\n  }\n\nexport type ButtonProps = ButtonAsButton | ButtonAsAnchor\n\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  color,\n  variant,\n  size = 'md',\n  active = false,\n  loading = false,\n  shape,\n  noAnimation = false,\n  icon,\n  iconPosition = 'start',\n  danger = false,\n  pressed,\n  className = '',\n  ...props\n}) => {\n  // danger prop is a shorthand for color=\"error\"\n  const effectiveColor = danger ? 'error' : color\n\n  const colorClasses = {\n    primary: 'btn-primary',\n    secondary: 'btn-secondary',\n    accent: 'btn-accent',\n    info: 'btn-info',\n    success: 'btn-success',\n    warning: 'btn-warning',\n    error: 'btn-error',\n    neutral: 'btn-neutral',\n  }\n\n  const variantClasses = {\n    solid: '', // default, no extra class needed\n    outline: 'btn-outline',\n    dash: 'btn-dash',\n    soft: 'btn-soft',\n    ghost: 'btn-ghost',\n    link: 'btn-link',\n  }\n\n  const sizeClasses = {\n    xs: 'btn-xs',\n    sm: 'btn-sm',\n    md: '',\n    lg: 'btn-lg',\n    xl: 'btn-xl',\n  }\n\n  const shapeClasses = {\n    square: 'btn-square',\n    circle: 'btn-circle',\n    wide: 'btn-wide',\n    block: 'btn-block',\n    round: 'rounded-full',\n  }\n\n  const classes = [\n    'btn',\n    effectiveColor && colorClasses[effectiveColor],\n    variant && variantClasses[variant],\n    sizeClasses[size],\n    active && 'btn-active',\n    shape && shapeClasses[shape],\n    noAnimation && 'no-animation',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Determine icon spacing based on whether there's text content and button size\n  const hasChildren = children !== undefined && children !== null && children !== ''\n  const spacingBySize = {\n    xs: iconPosition === 'start' ? 'mr-1' : 'ml-1',\n    sm: iconPosition === 'start' ? 'mr-1' : 'ml-1',\n    md: iconPosition === 'start' ? 'mr-1.5' : 'ml-1.5',\n    lg: iconPosition === 'start' ? 'mr-2' : 'ml-2',\n    xl: iconPosition === 'start' ? 'mr-2' : 'ml-2',\n  }\n  const iconSpacing = hasChildren ? spacingBySize[size] : ''\n\n  const iconElement = icon && (\n    <IconSizeContext.Provider value={size}>\n      <span className={`inline-flex items-center ${iconSpacing}`} aria-hidden=\"true\">\n        {icon}\n      </span>\n    </IconSizeContext.Provider>\n  )\n\n  const content = (\n    <>\n      {loading && <span className=\"loading loading-spinner\" aria-hidden=\"true\"></span>}\n      {!loading && icon && iconPosition === 'start' && iconElement}\n      {children}\n      {!loading && icon && iconPosition === 'end' && iconElement}\n    </>\n  )\n\n  if ('href' in props && props.href !== undefined) {\n    const { href, disabled, onKeyDown, onClick, ...anchorProps } = props as ButtonAsAnchor & {\n      onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement>\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>\n    }\n    const isDisabled = disabled || loading\n\n    // Handle Space key for anchor buttons (links only respond to Enter natively)\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n      if (event.key === ' ' && !isDisabled) {\n        event.preventDefault()\n        event.currentTarget.click()\n      }\n      onKeyDown?.(event)\n    }\n\n    // Prevent click when disabled\n    const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n      if (isDisabled) {\n        event.preventDefault()\n        return\n      }\n      onClick?.(event)\n    }\n\n    return (\n      <a\n        href={isDisabled ? undefined : href}\n        role=\"button\"\n        className={classes}\n        aria-disabled={isDisabled || undefined}\n        aria-busy={loading || undefined}\n        aria-pressed={pressed}\n        tabIndex={isDisabled ? -1 : 0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        {...anchorProps}\n      >\n        {content}\n      </a>\n    )\n  }\n\n  const { htmlType, ...buttonProps } = props as Omit<ButtonAsButton, keyof BaseButtonProps>\n  const buttonType: 'button' | 'submit' | 'reset' = htmlType ?? 'button'\n  return (\n    <button\n      type={buttonType}\n      className={classes}\n      aria-busy={loading || undefined}\n      aria-pressed={pressed}\n      disabled={loading || buttonProps.disabled}\n      {...buttonProps}\n    >\n      {content}\n    </button>\n  )\n}\n"],"names":["Button","children","color","variant","size","active","loading","shape","noAnimation","icon","iconPosition","danger","pressed","className","props","effectiveColor","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","iconSpacing","iconElement","jsx","IconSizeContext","content","jsxs","Fragment","href","disabled","onKeyDown","onClick","anchorProps","isDisabled","event","htmlType","buttonProps"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React from 'react'\nimport { IconSizeContext } from '../contexts/IconSizeContext'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnSecondary = 'btn-secondary'\nconst dBtnAccent = 'btn-accent'\nconst dBtnInfo = 'btn-info'\nconst dBtnSuccess = 'btn-success'\nconst dBtnWarning = 'btn-warning'\nconst dBtnError = 'btn-error'\nconst dBtnNeutral = 'btn-neutral'\nconst dBtnOutline = 'btn-outline'\nconst dBtnDash = 'btn-dash'\nconst dBtnSoft = 'btn-soft'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnLink = 'btn-link'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dBtnActive = 'btn-active'\nconst dBtnSquare = 'btn-square'\nconst dBtnCircle = 'btn-circle'\nconst dBtnWide = 'btn-wide'\nconst dBtnBlock = 'btn-block'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\n\ntype BaseButtonProps = {\n  /** Button color */\n  color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n  /** Button style variant */\n  variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link'\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Active/pressed visual state */\n  active?: boolean\n  /** Show loading spinner and disable button */\n  loading?: boolean\n  /** Button shape */\n  shape?: 'square' | 'circle' | 'wide' | 'block' | 'round'\n  /** Disable click animation */\n  noAnimation?: boolean\n  /** Icon element to display */\n  icon?: React.ReactNode\n  /** Position of the icon */\n  iconPosition?: 'start' | 'end'\n  /** Applies error/danger styling (shorthand for color=\"error\") */\n  danger?: boolean\n  /** Toggle button pressed state (sets aria-pressed) */\n  pressed?: boolean\n}\n\ntype ButtonAsButton = BaseButtonProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n    href?: undefined\n    htmlType?: 'button' | 'submit' | 'reset'\n  }\n\ntype ButtonAsAnchor = BaseButtonProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {\n    href: string\n    htmlType?: undefined\n    /** Disable the link button */\n    disabled?: boolean\n  }\n\nexport type ButtonProps = ButtonAsButton | ButtonAsAnchor\n\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  color,\n  variant,\n  size,\n  active = false,\n  loading = false,\n  shape,\n  noAnimation = false,\n  icon,\n  iconPosition = 'start',\n  danger = false,\n  pressed,\n  className = '',\n  ...props\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  // danger prop is a shorthand for color=\"error\"\n  const effectiveColor = danger ? 'error' : color\n\n  const colorClasses = {\n    primary: dBtnPrimary,\n    secondary: dBtnSecondary,\n    accent: dBtnAccent,\n    info: dBtnInfo,\n    success: dBtnSuccess,\n    warning: dBtnWarning,\n    error: dBtnError,\n    neutral: dBtnNeutral,\n  }\n\n  const variantClasses = {\n    solid: '', // default, no extra class needed\n    outline: dBtnOutline,\n    dash: dBtnDash,\n    soft: dBtnSoft,\n    ghost: dBtnGhost,\n    link: dBtnLink,\n  }\n\n  const sizeClasses = {\n    xs: dBtnXs,\n    sm: dBtnSm,\n    md: '',\n    lg: dBtnLg,\n    xl: dBtnXl,\n  }\n\n  const shapeClasses = {\n    square: dBtnSquare,\n    circle: dBtnCircle,\n    wide: dBtnWide,\n    block: dBtnBlock,\n    round: 'rounded-full',\n  }\n\n  const classes = [\n    dBtn,\n    effectiveColor && colorClasses[effectiveColor],\n    variant && variantClasses[variant],\n    sizeClasses[effectiveSize],\n    active && dBtnActive,\n    shape && shapeClasses[shape],\n    noAnimation && 'no-animation',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Determine icon spacing based on whether there's text content and button size\n  const hasChildren = children !== undefined && children !== null && children !== ''\n  const spacingBySize = {\n    xs: iconPosition === 'start' ? 'mr-1' : 'ml-1',\n    sm: iconPosition === 'start' ? 'mr-1' : 'ml-1',\n    md: iconPosition === 'start' ? 'mr-1.5' : 'ml-1.5',\n    lg: iconPosition === 'start' ? 'mr-2' : 'ml-2',\n    xl: iconPosition === 'start' ? 'mr-2' : 'ml-2',\n  }\n  const iconSpacing = hasChildren ? spacingBySize[effectiveSize] : ''\n\n  const iconElement = icon && (\n    <IconSizeContext.Provider value={effectiveSize}>\n      <span className={`inline-flex items-center ${iconSpacing}`} aria-hidden=\"true\">\n        {icon}\n      </span>\n    </IconSizeContext.Provider>\n  )\n\n  const content = (\n    <>\n      {loading && <span className={`${dLoading} ${dLoadingSpinner}`} aria-hidden=\"true\"></span>}\n      {!loading && icon && iconPosition === 'start' && iconElement}\n      {children}\n      {!loading && icon && iconPosition === 'end' && iconElement}\n    </>\n  )\n\n  if ('href' in props && props.href !== undefined) {\n    const { href, disabled, onKeyDown, onClick, ...anchorProps } = props as ButtonAsAnchor & {\n      onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement>\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>\n    }\n    const isDisabled = disabled || loading\n\n    // Handle Space key for anchor buttons (links only respond to Enter natively)\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n      if (event.key === ' ' && !isDisabled) {\n        event.preventDefault()\n        event.currentTarget.click()\n      }\n      onKeyDown?.(event)\n    }\n\n    // Prevent click when disabled\n    const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n      if (isDisabled) {\n        event.preventDefault()\n        return\n      }\n      onClick?.(event)\n    }\n\n    return (\n      <a\n        href={isDisabled ? undefined : href}\n        role=\"button\"\n        className={classes}\n        aria-disabled={isDisabled || undefined}\n        aria-busy={loading || undefined}\n        aria-pressed={pressed}\n        tabIndex={isDisabled ? -1 : 0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        {...anchorProps}\n      >\n        {content}\n      </a>\n    )\n  }\n\n  const { htmlType, ...buttonProps } = props as Omit<ButtonAsButton, keyof BaseButtonProps>\n  const buttonType: 'button' | 'submit' | 'reset' = htmlType ?? 'button'\n  return (\n    <button\n      type={buttonType}\n      className={classes}\n      aria-busy={loading || undefined}\n      aria-pressed={pressed}\n      disabled={loading || buttonProps.disabled}\n      {...buttonProps}\n    >\n      {content}\n    </button>\n  )\n}\n"],"names":["dBtn","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnInfo","dBtnSuccess","dBtnWarning","dBtnError","dBtnNeutral","dBtnOutline","dBtnDash","dBtnSoft","dBtnGhost","dBtnLink","dBtnXs","dBtnSm","dBtnLg","dBtnXl","dBtnActive","dBtnSquare","dBtnCircle","dBtnWide","dBtnBlock","dLoading","dLoadingSpinner","Button","children","color","variant","size","active","loading","shape","noAnimation","icon","iconPosition","danger","pressed","className","props","componentSize","useConfig","effectiveSize","effectiveColor","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","iconSpacing","iconElement","jsx","IconSizeContext","content","jsxs","Fragment","href","disabled","onKeyDown","onClick","anchorProps","isDisabled","event","htmlType","buttonProps"],"mappings":"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"}

package/dist/components/Card.d.ts

@@ -32,6 +32,8 @@ export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 't
     defaultActiveTabKey?: string;
     onTabChange?: (key: string) => void;
     tabBarExtraContent?: React.ReactNode;
+    /** Additional classes for the card-body element */
+    bodyClassName?: string;
     'data-testid'?: string;
 }
 export interface CardMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {

package/dist/components/Card.js

@@ -1,184 +1,185 @@
-import { jsxs as s, jsx as e, Fragment as N } from "react/jsx-runtime";
-import Q, { forwardRef as u } from "react";
-const U = {
-  xs: "card-xs",
-  sm: "card-sm",
-  md: "card-md",
-  lg: "card-lg",
-  xl: "card-xl"
-}, W = {
+import { jsxs as s, jsx as e, Fragment as u } from "react/jsx-runtime";
+import Z, { forwardRef as v } from "react";
+const _ = "card", E = "card-xs", J = "card-sm", L = "card-md", ee = "card-lg", se = "card-xl", de = "card-border", ae = "card-dash", le = "card-side", k = "card-body", T = "card-title", M = "card-actions", r = "skeleton", re = "tab", ce = "tab-active", te = "tab-disabled", ie = "tabs", ne = {
+  xs: E,
+  sm: J,
+  md: L,
+  lg: ee,
+  xl: se
+}, oe = {
   default: "shadow-sm",
-  border: "card-border",
-  dash: "card-dash",
+  border: de,
+  dash: ae,
   borderless: ""
-}, $ = {
+}, A = {
   start: "justify-start",
   center: "justify-center",
   end: "justify-end"
-}, C = u(
-  ({ children: i, hoverable: a = !1, className: r = "", "data-testid": t, ...n }, m) => {
-    const c = [
+}, B = v(
+  ({ children: t, hoverable: d = !1, className: c = "", "data-testid": i, ...n }, h) => {
+    const o = [
       "p-6 border border-base-content/10",
-      a && "cursor-pointer hover:shadow-md transition-shadow",
-      r
+      d && "cursor-pointer hover:shadow-md transition-shadow",
+      c
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("div", { ref: m, className: c, "data-testid": t, ...n, children: i });
+    return /* @__PURE__ */ e("div", { ref: h, className: o, "data-testid": i, ...n, children: t });
   }
 );
-C.displayName = "Card.Grid";
-const M = u(
-  ({ avatar: i, title: a, description: r, className: t = "", "data-testid": n, ...m }, c) => /* @__PURE__ */ s("div", { ref: c, className: `flex gap-4 ${t}`, "data-testid": n, ...m, children: [
-    i && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: i }),
+B.displayName = "Card.Grid";
+const S = v(
+  ({ avatar: t, title: d, description: c, className: i = "", "data-testid": n, ...h }, o) => /* @__PURE__ */ s("div", { ref: o, className: `flex gap-4 ${i}`, "data-testid": n, ...h, children: [
+    t && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: t }),
     /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
-      a && /* @__PURE__ */ e("div", { className: "font-medium", children: a }),
-      r && /* @__PURE__ */ e("div", { className: "text-sm opacity-70 mt-1", children: r })
+      d && /* @__PURE__ */ e("div", { className: "font-medium", children: d }),
+      c && /* @__PURE__ */ e("div", { className: "text-sm opacity-70 mt-1", children: c })
     ] })
   ] })
 );
-M.displayName = "Card.Meta";
-const G = u(
+S.displayName = "Card.Meta";
+const G = v(
   ({
-    children: i,
-    title: a,
-    extra: r,
-    cover: t,
+    children: t,
+    title: d,
+    extra: c,
+    cover: i,
     actions: n,
-    className: m = "",
-    size: c,
+    className: h = "",
+    size: o,
     bordered: R,
-    variant: T,
-    type: A,
-    side: B = !1,
-    imageFull: v = !1,
-    actionsJustify: b = "end",
-    loading: I = !1,
-    hoverable: K = !1,
-    avatar: o,
-    description: h,
-    tabList: f,
+    variant: D,
+    type: I,
+    side: K = !1,
+    imageFull: b = !1,
+    actionsJustify: $ = "end",
+    loading: X = !1,
+    hoverable: H = !1,
+    avatar: m,
+    description: f,
+    tabList: N,
     activeTabKey: y,
-    defaultActiveTabKey: H,
-    onTabChange: O,
-    tabBarExtraContent: w,
-    "data-testid": S,
-    ...x
-  }, k) => {
-    const l = S ?? "card", [V, q] = Q.useState(
-      H ?? f?.[0]?.key
-    ), g = y ?? V, z = (d) => {
-      y === void 0 && q(d), O?.(d);
-    }, D = T ?? (R === !1 ? "borderless" : "default"), p = [
-      "card",
+    defaultActiveTabKey: O,
+    onTabChange: V,
+    tabBarExtraContent: C,
+    bodyClassName: q,
+    "data-testid": z,
+    ...w
+  }, x) => {
+    const l = z ?? "card", [F, P] = Z.useState(
+      O ?? N?.[0]?.key
+    ), g = y ?? F, Q = (a) => {
+      y === void 0 && P(a), V?.(a);
+    }, U = D ?? (R === !1 ? "borderless" : "default"), p = [
+      _,
       "bg-base-100",
-      c && U[c],
+      o && ne[o],
       // Don't add variant styling when imageFull is used (it breaks the overlay effect)
-      !v && W[D],
-      B && "card-side",
-      v && "image-full shadow-sm",
-      K && "transition-shadow hover:shadow-lg cursor-pointer",
-      A === "inner" && "bg-base-200",
-      m
+      !b && oe[U],
+      K && le,
+      b && "image-full shadow-sm",
+      H && "transition-shadow hover:shadow-lg cursor-pointer",
+      I === "inner" && "bg-base-200",
+      h
     ].filter(Boolean).join(" ");
-    if (I)
+    if (X)
       return /* @__PURE__ */ s(
         "div",
         {
-          ref: k,
+          ref: x,
           className: p,
           "data-testid": l,
           "data-loading": "true",
-          ...x,
+          ...w,
           children: [
-            t && /* @__PURE__ */ e("figure", { children: /* @__PURE__ */ e("div", { className: "skeleton h-48 w-full rounded-none" }) }),
-            /* @__PURE__ */ s("div", { className: "card-body", children: [
-              (o || a) && /* @__PURE__ */ s("div", { className: "flex gap-4 mb-4", children: [
-                o && /* @__PURE__ */ e("div", { className: "skeleton w-12 h-12 rounded-full flex-shrink-0" }),
+            i && /* @__PURE__ */ e("figure", { children: /* @__PURE__ */ e("div", { className: `${r} h-48 w-full rounded-none` }) }),
+            /* @__PURE__ */ s("div", { className: k, children: [
+              (m || d) && /* @__PURE__ */ s("div", { className: "flex gap-4 mb-4", children: [
+                m && /* @__PURE__ */ e("div", { className: `${r} w-12 h-12 rounded-full flex-shrink-0` }),
                 /* @__PURE__ */ s("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ e("div", { className: "skeleton h-6 w-2/3" }),
-                  h && /* @__PURE__ */ e("div", { className: "skeleton h-4 w-full" })
+                  /* @__PURE__ */ e("div", { className: `${r} h-6 w-2/3` }),
+                  f && /* @__PURE__ */ e("div", { className: `${r} h-4 w-full` })
                 ] })
               ] }),
-              !o && !a && /* @__PURE__ */ s(N, { children: [
-                /* @__PURE__ */ e("div", { className: "skeleton h-6 w-2/3 mb-4" }),
+              !m && !d && /* @__PURE__ */ s(u, { children: [
+                /* @__PURE__ */ e("div", { className: `${r} h-6 w-2/3 mb-4` }),
                 /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ e("div", { className: "skeleton h-4 w-full" }),
-                  /* @__PURE__ */ e("div", { className: "skeleton h-4 w-5/6" }),
-                  /* @__PURE__ */ e("div", { className: "skeleton h-4 w-4/6" })
+                  /* @__PURE__ */ e("div", { className: `${r} h-4 w-full` }),
+                  /* @__PURE__ */ e("div", { className: `${r} h-4 w-5/6` }),
+                  /* @__PURE__ */ e("div", { className: `${r} h-4 w-4/6` })
                 ] })
               ] }),
-              n && /* @__PURE__ */ s("div", { className: `card-actions ${$[b]} mt-4`, children: [
-                /* @__PURE__ */ e("div", { className: "skeleton h-10 w-20" }),
-                /* @__PURE__ */ e("div", { className: "skeleton h-10 w-20" })
+              n && /* @__PURE__ */ s("div", { className: `${M} ${A[$]} mt-4`, children: [
+                /* @__PURE__ */ e("div", { className: `${r} h-10 w-20` }),
+                /* @__PURE__ */ e("div", { className: `${r} h-10 w-20` })
               ] })
             ] })
           ]
         }
       );
-    const F = o || a && h, j = () => !a && !r ? null : r ? /* @__PURE__ */ s(
+    const W = m || d && f, j = () => !d && !c ? null : c ? /* @__PURE__ */ s(
       "div",
       {
         className: "flex justify-between items-start gap-4",
         "data-testid": `${l}-header`,
         children: [
-          a && /* @__PURE__ */ e("h2", { className: "card-title", children: a }),
-          /* @__PURE__ */ e("div", { className: "flex-shrink-0", "data-testid": `${l}-extra`, children: r })
+          d && /* @__PURE__ */ e("h2", { className: T, children: d }),
+          /* @__PURE__ */ e("div", { className: "flex-shrink-0", "data-testid": `${l}-extra`, children: c })
         ]
       }
-    ) : a ? /* @__PURE__ */ e("h2", { className: "card-title", children: a }) : null, P = () => !f || f.length === 0 ? null : /* @__PURE__ */ e(
+    ) : d ? /* @__PURE__ */ e("h2", { className: T, children: d }) : null, Y = () => !N || N.length === 0 ? null : /* @__PURE__ */ e(
       "div",
       {
         className: "border-b border-base-300 px-4",
         "data-testid": `${l}-tabs`,
         children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ e("div", { role: "tablist", className: "tabs", children: f.map((d) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { role: "tablist", className: ie, children: N.map((a) => /* @__PURE__ */ e(
             "button",
             {
               role: "tab",
               className: [
-                "tab",
-                g === d.key && "tab-active",
-                d.disabled && "tab-disabled"
+                re,
+                g === a.key && ce,
+                a.disabled && te
               ].filter(Boolean).join(" "),
-              onClick: () => !d.disabled && z(d.key),
-              disabled: d.disabled,
-              "aria-selected": g === d.key,
-              "data-testid": `${l}-tab-${d.key}`,
-              children: d.label
+              onClick: () => !a.disabled && Q(a.key),
+              disabled: a.disabled,
+              "aria-selected": g === a.key,
+              "data-testid": `${l}-tab-${a.key}`,
+              children: a.label
             },
-            d.key
+            a.key
           )) }),
-          w && /* @__PURE__ */ e("div", { "data-testid": `${l}-tab-extra`, children: w })
+          C && /* @__PURE__ */ e("div", { "data-testid": `${l}-tab-extra`, children: C })
         ] })
       }
     );
     return /* @__PURE__ */ s(
       "div",
       {
-        ref: k,
+        ref: x,
         className: p,
         "data-testid": l,
-        ...x,
+        ...w,
         children: [
-          t && /* @__PURE__ */ e("figure", { "data-testid": `${l}-cover`, children: t }),
-          P(),
-          /* @__PURE__ */ s("div", { className: "card-body", "data-testid": `${l}-body`, children: [
-            F ? /* @__PURE__ */ s(N, { children: [
+          i && /* @__PURE__ */ e("figure", { "data-testid": `${l}-cover`, children: i }),
+          Y(),
+          /* @__PURE__ */ s("div", { className: `${k} ${q || ""}`, "data-testid": `${l}-body`, children: [
+            W ? /* @__PURE__ */ s(u, { children: [
               /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
-                o && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: o }),
+                m && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: m }),
                 /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
                   j(),
-                  h && /* @__PURE__ */ e("p", { className: "text-sm opacity-70 mt-1", children: h })
+                  f && /* @__PURE__ */ e("p", { className: "text-sm opacity-70 mt-1", children: f })
                 ] })
               ] }),
-              i
-            ] }) : /* @__PURE__ */ s(N, { children: [
+              t
+            ] }) : /* @__PURE__ */ s(u, { children: [
               j(),
-              i
+              t
             ] }),
             n && /* @__PURE__ */ e(
               "div",
               {
-                className: `card-actions ${$[b]}`,
+                className: `${M} ${A[$]}`,
                 "data-testid": `${l}-actions`,
                 children: n
               }
@@ -190,12 +191,12 @@ const G = u(
   }
 );
 G.displayName = "Card";
-const Z = Object.assign(G, {
-  Grid: C,
-  Meta: M
+const fe = Object.assign(G, {
+  Grid: B,
+  Meta: S
 });
 export {
-  Z as Card,
-  Z as default
+  fe as Card,
+  fe as default
 };
 //# sourceMappingURL=Card.js.map