@aster-ui/prefixed 0.12.50

package/dist/components/Button.js

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

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"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 = 'd-btn'\nconst dBtnPrimary = 'd-btn-primary'\nconst dBtnSecondary = 'd-btn-secondary'\nconst dBtnAccent = 'd-btn-accent'\nconst dBtnInfo = 'd-btn-info'\nconst dBtnSuccess = 'd-btn-success'\nconst dBtnWarning = 'd-btn-warning'\nconst dBtnError = 'd-btn-error'\nconst dBtnNeutral = 'd-btn-neutral'\nconst dBtnOutline = 'd-btn-outline'\nconst dBtnDash = 'd-btn-dash'\nconst dBtnSoft = 'd-btn-soft'\nconst dBtnGhost = 'd-btn-ghost'\nconst dBtnLink = 'd-btn-link'\nconst dBtnXs = 'd-btn-xs'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnLg = 'd-btn-lg'\nconst dBtnXl = 'd-btn-xl'\nconst dBtnActive = 'd-btn-active'\nconst dBtnSquare = 'd-btn-square'\nconst dBtnCircle = 'd-btn-circle'\nconst dBtnWide = 'd-btn-wide'\nconst dBtnBlock = 'd-btn-block'\nconst dLoading = 'd-loading'\nconst dLoadingSpinner = 'd-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

@@ -0,0 +1,57 @@
+import { default as React } from 'react';
+export type CardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type CardVariant = 'default' | 'border' | 'dash' | 'borderless';
+export interface CardTabItem {
+    key: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    children?: React.ReactNode;
+    title?: React.ReactNode;
+    /** Content in the top-right corner of the card header */
+    extra?: React.ReactNode;
+    cover?: React.ReactNode;
+    actions?: React.ReactNode;
+    size?: CardSize;
+    /** @deprecated Use variant instead */
+    bordered?: boolean;
+    /** Card style variant */
+    variant?: CardVariant;
+    /** Inner card style (nested cards) */
+    type?: 'inner';
+    side?: boolean;
+    imageFull?: boolean;
+    actionsJustify?: 'start' | 'center' | 'end';
+    loading?: boolean;
+    hoverable?: boolean;
+    avatar?: React.ReactNode;
+    description?: React.ReactNode;
+    tabList?: CardTabItem[];
+    activeTabKey?: string;
+    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'> {
+    /** Avatar or icon element */
+    avatar?: React.ReactNode;
+    /** Title content */
+    title?: React.ReactNode;
+    /** Description content */
+    description?: React.ReactNode;
+    'data-testid'?: string;
+}
+export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    hoverable?: boolean;
+    'data-testid'?: string;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Grid: React.ForwardRefExoticComponent<CardGridProps & React.RefAttributes<HTMLDivElement>>;
+    Meta: React.ForwardRefExoticComponent<CardMetaProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default Card;

package/dist/components/Card.js

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

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../src/components/Card.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\n// DaisyUI classes\nconst dCard = 'd-card'\nconst dCardXs = 'd-card-xs'\nconst dCardSm = 'd-card-sm'\nconst dCardMd = 'd-card-md'\nconst dCardLg = 'd-card-lg'\nconst dCardXl = 'd-card-xl'\nconst dCardBorder = 'd-card-border'\nconst dCardDash = 'd-card-dash'\nconst dCardSide = 'd-card-side'\nconst dCardBody = 'd-card-body'\nconst dCardTitle = 'd-card-title'\nconst dCardActions = 'd-card-actions'\nconst dSkeleton = 'd-skeleton'\nconst dTab = 'd-tab'\nconst dTabActive = 'd-tab-active'\nconst dTabDisabled = 'd-tab-disabled'\nconst dTabs = 'd-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.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+export type CarouselEffect = 'scrollx' | 'fade';
+export type CarouselDotPlacement = 'top' | 'bottom' | 'start' | 'end';
+export interface CarouselRef {
+    goTo: (index: number, animate?: boolean) => void;
+    next: () => void;
+    prev: () => void;
+}
+export interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    'data-testid'?: string;
+    children: React.ReactNode;
+}
+declare const CarouselItemComponent: React.ForwardRefExoticComponent<CarouselItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Carousel slides */
+    children: React.ReactNode;
+    /** Current slide index (controlled mode) */
+    activeIndex?: number;
+    /** Default slide index (uncontrolled mode) */
+    defaultActiveIndex?: number;
+    /** Auto-advance slides */
+    autoplay?: boolean;
+    /** Autoplay interval in milliseconds */
+    autoplaySpeed?: number;
+    /** Animation duration in milliseconds */
+    speed?: number;
+    /** Show prev/next navigation arrows */
+    arrows?: boolean;
+    /** Show slide indicator dots */
+    dots?: boolean | {
+        className?: string;
+    };
+    /** Position of indicator dots */
+    dotPlacement?: CarouselDotPlacement;
+    /** Transition effect */
+    effect?: CarouselEffect;
+    /** Enable infinite looping */
+    infinite?: boolean;
+    /** Pause autoplay on hover */
+    pauseOnHover?: boolean;
+    /** Vertical carousel orientation */
+    vertical?: boolean;
+    /** Callback before slide change */
+    beforeChange?: (current: number, next: number) => void;
+    /** Callback after slide change */
+    afterChange?: (current: number) => void;
+    /** Test ID for testing */
+    'data-testid'?: string;
+}
+declare const CarouselComponent: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;
+type CarouselType = typeof CarouselComponent & {
+    Item: typeof CarouselItemComponent;
+};
+export declare const Carousel: CarouselType;
+export {};