asterui 0.12.49 → 0.12.50

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

package/dist/components/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../src/components/Card.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport type CardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type CardVariant = 'default' | 'border' | 'dash' | 'borderless'\n\nexport interface CardTabItem {\n  key: string\n  label: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  children?: React.ReactNode\n  title?: React.ReactNode\n  /** Content in the top-right corner of the card header */\n  extra?: React.ReactNode\n  cover?: React.ReactNode\n  actions?: React.ReactNode\n  size?: CardSize\n  /** @deprecated Use variant instead */\n  bordered?: boolean\n  /** Card style variant */\n  variant?: CardVariant\n  /** Inner card style (nested cards) */\n  type?: 'inner'\n  side?: boolean\n  imageFull?: boolean\n  actionsJustify?: 'start' | 'center' | 'end'\n  loading?: boolean\n  hoverable?: boolean\n  // Meta props for avatar + description layout\n  avatar?: React.ReactNode\n  description?: React.ReactNode\n  // Tab support\n  tabList?: CardTabItem[]\n  activeTabKey?: string\n  defaultActiveTabKey?: string\n  onTabChange?: (key: string) => void\n  tabBarExtraContent?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport interface CardMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Avatar or icon element */\n  avatar?: React.ReactNode\n  /** Title content */\n  title?: React.ReactNode\n  /** Description content */\n  description?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  hoverable?: boolean\n  'data-testid'?: string\n}\n\nconst sizeClasses: Record<CardSize, string> = {\n  xs: 'card-xs',\n  sm: 'card-sm',\n  md: 'card-md',\n  lg: 'card-lg',\n  xl: 'card-xl',\n}\n\nconst variantClasses: Record<CardVariant, string> = {\n  default: 'shadow-sm',\n  border: 'card-border',\n  dash: 'card-dash',\n  borderless: '',\n}\n\nconst justifyClasses: Record<string, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n}\n\nconst CardGrid = forwardRef<HTMLDivElement, CardGridProps>(\n  ({ children, hoverable = false, className = '', 'data-testid': testId, ...rest }, ref) => {\n    const classes = [\n      'p-6 border border-base-content/10',\n      hoverable && 'cursor-pointer hover:shadow-md transition-shadow',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <div ref={ref} className={classes} data-testid={testId} {...rest}>\n        {children}\n      </div>\n    )\n  }\n)\n\nCardGrid.displayName = 'Card.Grid'\n\nconst CardMeta = forwardRef<HTMLDivElement, CardMetaProps>(\n  ({ avatar, title, description, className = '', 'data-testid': testId, ...rest }, ref) => {\n    return (\n      <div ref={ref} className={`flex gap-4 ${className}`} data-testid={testId} {...rest}>\n        {avatar && <div className=\"flex-shrink-0\">{avatar}</div>}\n        <div className=\"flex-1 min-w-0\">\n          {title && <div className=\"font-medium\">{title}</div>}\n          {description && <div className=\"text-sm opacity-70 mt-1\">{description}</div>}\n        </div>\n      </div>\n    )\n  }\n)\n\nCardMeta.displayName = 'Card.Meta'\n\nconst CardRoot = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      children,\n      title,\n      extra,\n      cover,\n      actions,\n      className = '',\n      size,\n      bordered,\n      variant,\n      type,\n      side = false,\n      imageFull = false,\n      actionsJustify = 'end',\n      loading = false,\n      hoverable = false,\n      avatar,\n      description,\n      tabList,\n      activeTabKey,\n      defaultActiveTabKey,\n      onTabChange,\n      tabBarExtraContent,\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const baseTestId = testId ?? 'card'\n\n    // Handle activeTabKey state\n    const [internalActiveKey, setInternalActiveKey] = React.useState(\n      defaultActiveTabKey ?? tabList?.[0]?.key\n    )\n    const currentTabKey = activeTabKey ?? internalActiveKey\n\n    const handleTabChange = (key: string) => {\n      if (activeTabKey === undefined) {\n        setInternalActiveKey(key)\n      }\n      onTabChange?.(key)\n    }\n\n    // Resolve variant from bordered prop for backwards compatibility\n    const resolvedVariant = variant ?? (bordered === false ? 'borderless' : 'default')\n\n    const classes = [\n      'card',\n      'bg-base-100',\n      size && sizeClasses[size],\n      // Don't add variant styling when imageFull is used (it breaks the overlay effect)\n      !imageFull && variantClasses[resolvedVariant],\n      side && 'card-side',\n      imageFull && 'image-full shadow-sm',\n      hoverable && 'transition-shadow hover:shadow-lg cursor-pointer',\n      type === 'inner' && 'bg-base-200',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // Render loading skeleton\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          className={classes}\n          data-testid={baseTestId}\n          data-loading=\"true\"\n          {...rest}\n        >\n          {cover && (\n            <figure>\n              <div className=\"skeleton h-48 w-full rounded-none\" />\n            </figure>\n          )}\n          <div className=\"card-body\">\n            {(avatar || title) && (\n              <div className=\"flex gap-4 mb-4\">\n                {avatar && <div className=\"skeleton w-12 h-12 rounded-full flex-shrink-0\" />}\n                <div className=\"flex-1 space-y-2\">\n                  <div className=\"skeleton h-6 w-2/3\" />\n                  {description && <div className=\"skeleton h-4 w-full\" />}\n                </div>\n              </div>\n            )}\n            {!avatar && !title && (\n              <>\n                <div className=\"skeleton h-6 w-2/3 mb-4\" />\n                <div className=\"space-y-2\">\n                  <div className=\"skeleton h-4 w-full\" />\n                  <div className=\"skeleton h-4 w-5/6\" />\n                  <div className=\"skeleton h-4 w-4/6\" />\n                </div>\n              </>\n            )}\n            {actions && (\n              <div className={`card-actions ${justifyClasses[actionsJustify]} mt-4`}>\n                <div className=\"skeleton h-10 w-20\" />\n                <div className=\"skeleton h-10 w-20\" />\n              </div>\n            )}\n          </div>\n        </div>\n      )\n    }\n\n    // Render with avatar + title + description layout (meta style)\n    const hasMetaLayout = avatar || (title && description)\n\n    // Header with title and extra\n    const renderHeader = () => {\n      if (!title && !extra) return null\n\n      if (extra) {\n        return (\n          <div\n            className=\"flex justify-between items-start gap-4\"\n            data-testid={`${baseTestId}-header`}\n          >\n            {title && <h2 className=\"card-title\">{title}</h2>}\n            <div className=\"flex-shrink-0\" data-testid={`${baseTestId}-extra`}>\n              {extra}\n            </div>\n          </div>\n        )\n      }\n\n      return title ? <h2 className=\"card-title\">{title}</h2> : null\n    }\n\n    // Render tabs\n    const renderTabs = () => {\n      if (!tabList || tabList.length === 0) return null\n\n      return (\n        <div\n          className=\"border-b border-base-300 px-4\"\n          data-testid={`${baseTestId}-tabs`}\n        >\n          <div className=\"flex items-center justify-between\">\n            <div role=\"tablist\" className=\"tabs\">\n              {tabList.map((tab) => (\n                <button\n                  key={tab.key}\n                  role=\"tab\"\n                  className={[\n                    'tab',\n                    currentTabKey === tab.key && 'tab-active',\n                    tab.disabled && 'tab-disabled',\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  onClick={() => !tab.disabled && handleTabChange(tab.key)}\n                  disabled={tab.disabled}\n                  aria-selected={currentTabKey === tab.key}\n                  data-testid={`${baseTestId}-tab-${tab.key}`}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n            {tabBarExtraContent && (\n              <div data-testid={`${baseTestId}-tab-extra`}>{tabBarExtraContent}</div>\n            )}\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={classes}\n        data-testid={baseTestId}\n        {...rest}\n      >\n        {cover && (\n          <figure data-testid={`${baseTestId}-cover`}>{cover}</figure>\n        )}\n        {renderTabs()}\n        <div className=\"card-body\" data-testid={`${baseTestId}-body`}>\n          {hasMetaLayout ? (\n            <>\n              <div className=\"flex gap-4\">\n                {avatar && <div className=\"flex-shrink-0\">{avatar}</div>}\n                <div className=\"flex-1 min-w-0\">\n                  {renderHeader()}\n                  {description && <p className=\"text-sm opacity-70 mt-1\">{description}</p>}\n                </div>\n              </div>\n              {children}\n            </>\n          ) : (\n            <>\n              {renderHeader()}\n              {children}\n            </>\n          )}\n          {actions && (\n            <div\n              className={`card-actions ${justifyClasses[actionsJustify]}`}\n              data-testid={`${baseTestId}-actions`}\n            >\n              {actions}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n\nCardRoot.displayName = 'Card'\n\nexport const Card = Object.assign(CardRoot, {\n  Grid: CardGrid,\n  Meta: CardMeta,\n})\n\nexport default Card\n"],"names":["sizeClasses","variantClasses","justifyClasses","CardGrid","forwardRef","children","hoverable","className","testId","rest","ref","classes","jsx","CardMeta","avatar","title","description","jsxs","CardRoot","extra","cover","actions","size","bordered","variant","type","side","imageFull","actionsJustify","loading","tabList","activeTabKey","defaultActiveTabKey","onTabChange","tabBarExtraContent","baseTestId","internalActiveKey","setInternalActiveKey","React","currentTabKey","handleTabChange","key","resolvedVariant","Fragment","hasMetaLayout","renderHeader","renderTabs","tab","Card"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../src/components/Card.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\n// DaisyUI classes\nconst dCard = 'card'\nconst dCardXs = 'card-xs'\nconst dCardSm = 'card-sm'\nconst dCardMd = 'card-md'\nconst dCardLg = 'card-lg'\nconst dCardXl = 'card-xl'\nconst dCardBorder = 'card-border'\nconst dCardDash = 'card-dash'\nconst dCardSide = 'card-side'\nconst dCardBody = 'card-body'\nconst dCardTitle = 'card-title'\nconst dCardActions = 'card-actions'\nconst dSkeleton = 'skeleton'\nconst dTab = 'tab'\nconst dTabActive = 'tab-active'\nconst dTabDisabled = 'tab-disabled'\nconst dTabs = 'tabs'\n\nexport type CardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type CardVariant = 'default' | 'border' | 'dash' | 'borderless'\n\nexport interface CardTabItem {\n  key: string\n  label: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  children?: React.ReactNode\n  title?: React.ReactNode\n  /** Content in the top-right corner of the card header */\n  extra?: React.ReactNode\n  cover?: React.ReactNode\n  actions?: React.ReactNode\n  size?: CardSize\n  /** @deprecated Use variant instead */\n  bordered?: boolean\n  /** Card style variant */\n  variant?: CardVariant\n  /** Inner card style (nested cards) */\n  type?: 'inner'\n  side?: boolean\n  imageFull?: boolean\n  actionsJustify?: 'start' | 'center' | 'end'\n  loading?: boolean\n  hoverable?: boolean\n  // Meta props for avatar + description layout\n  avatar?: React.ReactNode\n  description?: React.ReactNode\n  // Tab support\n  tabList?: CardTabItem[]\n  activeTabKey?: string\n  defaultActiveTabKey?: string\n  onTabChange?: (key: string) => void\n  tabBarExtraContent?: React.ReactNode\n  /** Additional classes for the card-body element */\n  bodyClassName?: string\n  'data-testid'?: string\n}\n\nexport interface CardMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Avatar or icon element */\n  avatar?: React.ReactNode\n  /** Title content */\n  title?: React.ReactNode\n  /** Description content */\n  description?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  hoverable?: boolean\n  'data-testid'?: string\n}\n\nconst sizeClasses: Record<CardSize, string> = {\n  xs: dCardXs,\n  sm: dCardSm,\n  md: dCardMd,\n  lg: dCardLg,\n  xl: dCardXl,\n}\n\nconst variantClasses: Record<CardVariant, string> = {\n  default: 'shadow-sm',\n  border: dCardBorder,\n  dash: dCardDash,\n  borderless: '',\n}\n\nconst justifyClasses: Record<string, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n}\n\nconst CardGrid = forwardRef<HTMLDivElement, CardGridProps>(\n  ({ children, hoverable = false, className = '', 'data-testid': testId, ...rest }, ref) => {\n    const classes = [\n      'p-6 border border-base-content/10',\n      hoverable && 'cursor-pointer hover:shadow-md transition-shadow',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <div ref={ref} className={classes} data-testid={testId} {...rest}>\n        {children}\n      </div>\n    )\n  }\n)\n\nCardGrid.displayName = 'Card.Grid'\n\nconst CardMeta = forwardRef<HTMLDivElement, CardMetaProps>(\n  ({ avatar, title, description, className = '', 'data-testid': testId, ...rest }, ref) => {\n    return (\n      <div ref={ref} className={`flex gap-4 ${className}`} data-testid={testId} {...rest}>\n        {avatar && <div className=\"flex-shrink-0\">{avatar}</div>}\n        <div className=\"flex-1 min-w-0\">\n          {title && <div className=\"font-medium\">{title}</div>}\n          {description && <div className=\"text-sm opacity-70 mt-1\">{description}</div>}\n        </div>\n      </div>\n    )\n  }\n)\n\nCardMeta.displayName = 'Card.Meta'\n\nconst CardRoot = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      children,\n      title,\n      extra,\n      cover,\n      actions,\n      className = '',\n      size,\n      bordered,\n      variant,\n      type,\n      side = false,\n      imageFull = false,\n      actionsJustify = 'end',\n      loading = false,\n      hoverable = false,\n      avatar,\n      description,\n      tabList,\n      activeTabKey,\n      defaultActiveTabKey,\n      onTabChange,\n      tabBarExtraContent,\n      bodyClassName,\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const baseTestId = testId ?? 'card'\n\n    // Handle activeTabKey state\n    const [internalActiveKey, setInternalActiveKey] = React.useState(\n      defaultActiveTabKey ?? tabList?.[0]?.key\n    )\n    const currentTabKey = activeTabKey ?? internalActiveKey\n\n    const handleTabChange = (key: string) => {\n      if (activeTabKey === undefined) {\n        setInternalActiveKey(key)\n      }\n      onTabChange?.(key)\n    }\n\n    // Resolve variant from bordered prop for backwards compatibility\n    const resolvedVariant = variant ?? (bordered === false ? 'borderless' : 'default')\n\n    const classes = [\n      dCard,\n      'bg-base-100',\n      size && sizeClasses[size],\n      // Don't add variant styling when imageFull is used (it breaks the overlay effect)\n      !imageFull && variantClasses[resolvedVariant],\n      side && dCardSide,\n      imageFull && 'image-full shadow-sm',\n      hoverable && 'transition-shadow hover:shadow-lg cursor-pointer',\n      type === 'inner' && 'bg-base-200',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // Render loading skeleton\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          className={classes}\n          data-testid={baseTestId}\n          data-loading=\"true\"\n          {...rest}\n        >\n          {cover && (\n            <figure>\n              <div className={`${dSkeleton} h-48 w-full rounded-none`} />\n            </figure>\n          )}\n          <div className={dCardBody}>\n            {(avatar || title) && (\n              <div className=\"flex gap-4 mb-4\">\n                {avatar && <div className={`${dSkeleton} w-12 h-12 rounded-full flex-shrink-0`} />}\n                <div className=\"flex-1 space-y-2\">\n                  <div className={`${dSkeleton} h-6 w-2/3`} />\n                  {description && <div className={`${dSkeleton} h-4 w-full`} />}\n                </div>\n              </div>\n            )}\n            {!avatar && !title && (\n              <>\n                <div className={`${dSkeleton} h-6 w-2/3 mb-4`} />\n                <div className=\"space-y-2\">\n                  <div className={`${dSkeleton} h-4 w-full`} />\n                  <div className={`${dSkeleton} h-4 w-5/6`} />\n                  <div className={`${dSkeleton} h-4 w-4/6`} />\n                </div>\n              </>\n            )}\n            {actions && (\n              <div className={`${dCardActions} ${justifyClasses[actionsJustify]} mt-4`}>\n                <div className={`${dSkeleton} h-10 w-20`} />\n                <div className={`${dSkeleton} h-10 w-20`} />\n              </div>\n            )}\n          </div>\n        </div>\n      )\n    }\n\n    // Render with avatar + title + description layout (meta style)\n    const hasMetaLayout = avatar || (title && description)\n\n    // Header with title and extra\n    const renderHeader = () => {\n      if (!title && !extra) return null\n\n      if (extra) {\n        return (\n          <div\n            className=\"flex justify-between items-start gap-4\"\n            data-testid={`${baseTestId}-header`}\n          >\n            {title && <h2 className={dCardTitle}>{title}</h2>}\n            <div className=\"flex-shrink-0\" data-testid={`${baseTestId}-extra`}>\n              {extra}\n            </div>\n          </div>\n        )\n      }\n\n      return title ? <h2 className={dCardTitle}>{title}</h2> : null\n    }\n\n    // Render tabs\n    const renderTabs = () => {\n      if (!tabList || tabList.length === 0) return null\n\n      return (\n        <div\n          className=\"border-b border-base-300 px-4\"\n          data-testid={`${baseTestId}-tabs`}\n        >\n          <div className=\"flex items-center justify-between\">\n            <div role=\"tablist\" className={dTabs}>\n              {tabList.map((tab) => (\n                <button\n                  key={tab.key}\n                  role=\"tab\"\n                  className={[\n                    dTab,\n                    currentTabKey === tab.key && dTabActive,\n                    tab.disabled && dTabDisabled,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  onClick={() => !tab.disabled && handleTabChange(tab.key)}\n                  disabled={tab.disabled}\n                  aria-selected={currentTabKey === tab.key}\n                  data-testid={`${baseTestId}-tab-${tab.key}`}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </div>\n            {tabBarExtraContent && (\n              <div data-testid={`${baseTestId}-tab-extra`}>{tabBarExtraContent}</div>\n            )}\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={classes}\n        data-testid={baseTestId}\n        {...rest}\n      >\n        {cover && (\n          <figure data-testid={`${baseTestId}-cover`}>{cover}</figure>\n        )}\n        {renderTabs()}\n        <div className={`${dCardBody} ${bodyClassName || ''}`} data-testid={`${baseTestId}-body`}>\n          {hasMetaLayout ? (\n            <>\n              <div className=\"flex gap-4\">\n                {avatar && <div className=\"flex-shrink-0\">{avatar}</div>}\n                <div className=\"flex-1 min-w-0\">\n                  {renderHeader()}\n                  {description && <p className=\"text-sm opacity-70 mt-1\">{description}</p>}\n                </div>\n              </div>\n              {children}\n            </>\n          ) : (\n            <>\n              {renderHeader()}\n              {children}\n            </>\n          )}\n          {actions && (\n            <div\n              className={`${dCardActions} ${justifyClasses[actionsJustify]}`}\n              data-testid={`${baseTestId}-actions`}\n            >\n              {actions}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n\nCardRoot.displayName = 'Card'\n\nexport const Card = Object.assign(CardRoot, {\n  Grid: CardGrid,\n  Meta: CardMeta,\n})\n\nexport default Card\n"],"names":["dCard","dCardXs","dCardSm","dCardMd","dCardLg","dCardXl","dCardBorder","dCardDash","dCardSide","dCardBody","dCardTitle","dCardActions","dSkeleton","dTab","dTabActive","dTabDisabled","dTabs","sizeClasses","variantClasses","justifyClasses","CardGrid","forwardRef","children","hoverable","className","testId","rest","ref","classes","jsx","CardMeta","avatar","title","description","jsxs","CardRoot","extra","cover","actions","size","bordered","variant","type","side","imageFull","actionsJustify","loading","tabList","activeTabKey","defaultActiveTabKey","onTabChange","tabBarExtraContent","bodyClassName","baseTestId","internalActiveKey","setInternalActiveKey","React","currentTabKey","handleTabChange","key","resolvedVariant","Fragment","hasMetaLayout","renderHeader","renderTabs","tab","Card"],"mappings":"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"}

package/dist/components/Carousel.js

@@ -1,85 +1,85 @@
-import { jsxs as R, jsx as i, Fragment as ae } from "react/jsx-runtime";
-import { forwardRef as T, useState as D, useRef as L, Children as re, isValidElement as ne, useCallback as y, useImperativeHandle as ie, useEffect as ce, cloneElement as ue } from "react";
-const z = T(
-  ({ children: g, className: b = "", "data-testid": w, ...c }, p) => /* @__PURE__ */ i(
+import { jsxs as P, jsx as i, Fragment as ae } from "react/jsx-runtime";
+import { forwardRef as L, useState as I, useRef as R, Children as re, isValidElement as ne, useCallback as y, useImperativeHandle as ie, useEffect as ce, cloneElement as ue } from "react";
+const de = "carousel", fe = "carousel-vertical", me = "carousel-item", be = "btn", pe = "btn-circle", he = "btn-sm", T = L(
+  ({ children: $, className: b = "", "data-testid": g, ...c }, p) => /* @__PURE__ */ i(
     "div",
     {
       ref: p,
       role: "group",
       "aria-roledescription": "slide",
-      className: `carousel-item w-full flex-shrink-0 ${b}`,
-      "data-testid": w,
+      className: `${me} w-full flex-shrink-0 ${b}`,
+      "data-testid": g,
       ...c,
-      children: g
+      children: $
     }
   )
 );
-z.displayName = "Carousel.Item";
-const B = T(
+T.displayName = "Carousel.Item";
+const z = L(
   ({
-    children: g,
+    children: $,
     activeIndex: b,
-    defaultActiveIndex: w = 0,
+    defaultActiveIndex: g = 0,
     autoplay: c = !1,
     autoplaySpeed: p = 3e3,
     speed: h = 500,
     arrows: K = !0,
     dots: d = !0,
-    dotPlacement: F = "bottom",
-    effect: $ = "scrollx",
+    dotPlacement: V = "bottom",
+    effect: w = "scrollx",
     infinite: v = !0,
-    pauseOnHover: I = !0,
+    pauseOnHover: D = !0,
     vertical: a = !1,
-    beforeChange: A,
-    afterChange: x,
-    className: G = "",
+    beforeChange: S,
+    afterChange: C,
+    className: F = "",
     "data-testid": r,
-    ...U
-  }, V) => {
-    const C = b !== void 0, [X, Y] = D(w), o = C ? b : X, [S, E] = D(!1), [M, j] = D(!1), _ = L(null), k = L(null), N = re.toArray(g).filter(ne), l = N.length, u = y(
+    ...G
+  }, U) => {
+    const x = b !== void 0, [X, Y] = I(g), o = x ? b : X, [A, E] = I(!1), [M, j] = I(!1), _ = R(null), k = R(null), N = re.toArray($).filter(ne), s = N.length, u = y(
       (e, t = !0) => {
-        if (M || l === 0) return;
-        let s = e;
-        v ? s = (e % l + l) % l : s = Math.max(0, Math.min(e, l - 1)), s !== o && (A?.(o, s), t ? (j(!0), setTimeout(() => {
-          j(!1), x?.(s);
-        }, h)) : x?.(s), C || Y(s));
+        if (M || s === 0) return;
+        let l = e;
+        v ? l = (e % s + s) % s : l = Math.max(0, Math.min(e, s - 1)), l !== o && (S?.(o, l), t ? (j(!0), setTimeout(() => {
+          j(!1), C?.(l);
+        }, h)) : C?.(l), x || Y(l));
       },
-      [o, l, v, C, A, x, h, M]
+      [o, s, v, x, S, C, h, M]
     ), n = y(() => {
       u(o + 1);
     }, [u, o]), f = y(() => {
       u(o - 1);
     }, [u, o]);
-    ie(V, () => ({
+    ie(U, () => ({
       goTo: (e, t = !0) => u(e, t),
       next: n,
       prev: f
-    })), ce(() => (c && !S && l > 1 && (k.current = setInterval(() => {
+    })), ce(() => (c && !A && s > 1 && (k.current = setInterval(() => {
       n();
     }, p)), () => {
       k.current && clearInterval(k.current);
-    }), [c, S, p, n, l]);
+    }), [c, A, p, n, s]);
     const q = y(
       (e) => {
         a ? e.key === "ArrowUp" ? (e.preventDefault(), f()) : e.key === "ArrowDown" && (e.preventDefault(), n()) : e.key === "ArrowLeft" ? (e.preventDefault(), f()) : e.key === "ArrowRight" && (e.preventDefault(), n());
       },
       [a, f, n]
     ), H = () => {
-      I && c && E(!0);
+      D && c && E(!0);
     }, J = () => {
-      I && c && E(!1);
+      D && c && E(!1);
     }, Q = [
-      "carousel",
-      a ? "carousel-vertical" : "",
-      G
-    ].filter(Boolean).join(" "), W = (e) => $ === "fade" ? {
+      de,
+      a ? fe : "",
+      F
+    ].filter(Boolean).join(" "), W = (e) => w === "fade" ? {
       position: e === 0 ? "relative" : "absolute",
       top: 0,
       left: 0,
       opacity: e === o ? 1 : 0,
       transition: `opacity ${h}ms ease-in-out`,
       zIndex: e === o ? 1 : 0
-    } : {}, Z = $ === "scrollx" ? {
+    } : {}, Z = w === "scrollx" ? {
       display: "flex",
       flexDirection: a ? "column" : "row",
       transform: a ? `translateY(-${o * 100}%)` : `translateX(-${o * 100}%)`,
@@ -94,26 +94,26 @@ const B = T(
       bottom: "bottom-2 left-1/2 -translate-x-1/2 flex-row",
       start: "left-2 top-1/2 -translate-y-1/2 flex-col",
       end: "right-2 top-1/2 -translate-y-1/2 flex-col"
-    }, te = d === !0 || typeof d == "object" && d !== null, oe = typeof d == "object" ? d.className : "", P = ({
+    }, te = d === !0 || typeof d == "object" && d !== null, oe = typeof d == "object" ? d.className : "", B = ({
       direction: e,
       onClick: t,
-      disabled: s
+      disabled: l
     }) => {
-      const m = e === "prev", le = a ? m ? "top-2 left-1/2 -translate-x-1/2" : "bottom-2 left-1/2 -translate-x-1/2" : m ? "left-2 top-1/2 -translate-y-1/2" : "right-2 top-1/2 -translate-y-1/2", se = a ? m ? "▲" : "▼" : m ? "❮" : "❯";
+      const m = e === "prev", se = a ? m ? "top-2 left-1/2 -translate-x-1/2" : "bottom-2 left-1/2 -translate-x-1/2" : m ? "left-2 top-1/2 -translate-y-1/2" : "right-2 top-1/2 -translate-y-1/2", le = a ? m ? "▲" : "▼" : m ? "❮" : "❯";
       return /* @__PURE__ */ i(
         "button",
         {
           type: "button",
           onClick: t,
-          disabled: s,
+          disabled: l,
           "aria-label": m ? "Previous slide" : "Next slide",
-          className: `absolute ${le} btn btn-circle btn-sm bg-base-100/80 hover:bg-base-100 border-none shadow-md z-10 disabled:opacity-50 disabled:cursor-not-allowed`,
+          className: `absolute ${se} ${be} ${pe} ${he} bg-base-100/80 hover:bg-base-100 border-none shadow-md z-10 disabled:opacity-50 disabled:cursor-not-allowed`,
           "data-testid": r ? `${r}-${e}` : void 0,
-          children: se
+          children: le
         }
       );
     };
-    return /* @__PURE__ */ R(
+    return /* @__PURE__ */ P(
       "div",
       {
         ref: _,
@@ -127,22 +127,22 @@ const B = T(
         className: `relative overflow-hidden focus:outline-none focus-visible:ring-2 focus-visible:ring-primary ${Q}`,
         "data-testid": r,
         "data-active-index": o,
-        ...U,
+        ...G,
         children: [
           /* @__PURE__ */ i(
             "div",
             {
-              className: $ === "fade" ? "relative w-full h-full" : a ? "h-full" : "",
+              className: w === "fade" ? "relative w-full h-full" : a ? "h-full" : "",
               style: Z,
               "aria-live": "polite",
               children: N.map((e, t) => {
-                const s = e;
-                return ue(s, {
+                const l = e;
+                return ue(l, {
                   key: t,
                   "aria-hidden": t !== o,
-                  "aria-label": `Slide ${t + 1} of ${l}`,
+                  "aria-label": `Slide ${t + 1} of ${s}`,
                   style: {
-                    ...s.props.style,
+                    ...l.props.style,
                     ...O(),
                     ...W(t)
                   },
@@ -151,9 +151,9 @@ const B = T(
               })
             }
           ),
-          K && l > 1 && /* @__PURE__ */ R(ae, { children: [
+          K && s > 1 && /* @__PURE__ */ P(ae, { children: [
             /* @__PURE__ */ i(
-              P,
+              B,
               {
                 direction: "prev",
                 onClick: f,
@@ -161,18 +161,18 @@ const B = T(
               }
             ),
             /* @__PURE__ */ i(
-              P,
+              B,
               {
                 direction: "next",
                 onClick: n,
-                disabled: !v && o === l - 1
+                disabled: !v && o === s - 1
               }
             )
           ] }),
-          te && l > 1 && /* @__PURE__ */ i(
+          te && s > 1 && /* @__PURE__ */ i(
             "div",
             {
-              className: `absolute flex gap-2 ${ee[F]} ${oe || ""}`,
+              className: `absolute flex gap-2 ${ee[V]} ${oe || ""}`,
               role: "tablist",
               "aria-label": "Slide indicators",
               "data-testid": r ? `${r}-dots` : void 0,
@@ -196,10 +196,10 @@ const B = T(
     );
   }
 );
-B.displayName = "Carousel";
-const de = B;
-de.Item = z;
+z.displayName = "Carousel";
+const ve = z;
+ve.Item = T;
 export {
-  de as Carousel
+  ve as Carousel
 };
 //# sourceMappingURL=Carousel.js.map