asterui 0.12.61 → 0.12.63

package/dist/components/Browser.d.ts

@@ -3,5 +3,7 @@ export interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     url?: string;
     contentClassName?: string;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Browser: React.FC<BrowserProps>;

package/dist/components/Browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"Browser.js","sources":["../../src/components/Browser.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dMockupBrowser = 'mockup-browser'\nconst dMockupBrowserToolbar = 'mockup-browser-toolbar'\n\nexport interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  url?: string\n  contentClassName?: string\n}\n\nexport const Browser: React.FC<BrowserProps> = ({\n  children,\n  url = 'https://example.com',\n  className = '',\n  contentClassName = '',\n  ...rest\n}) => {\n  return (\n    <div className={`${dMockupBrowser} border border-base-300 ${className}`} {...rest}>\n      <div className={dMockupBrowserToolbar}>\n        <div className=\"input\">{url}</div>\n      </div>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["dMockupBrowser","dMockupBrowserToolbar","Browser","children","url","className","contentClassName","rest","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAiB,kBACjBC,IAAwB,0BAQjBC,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,MAEI,gBAAAC,EAAC,SAAI,WAAW,GAAGR,CAAc,2BAA2BK,CAAS,IAAK,GAAGE,GAC3E,UAAA;AAAA,EAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWR,GACd,UAAA,gBAAAQ,EAAC,SAAI,WAAU,SAAS,aAAI,EAAA,CAC9B;AAAA,oBACC,OAAA,EAAI,WAAW,4BAA4BH,CAAgB,IACzD,UAAAH,EAAA,CACH;AAAA,GACF;"}
+{"version":3,"file":"Browser.js","sources":["../../src/components/Browser.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dMockupBrowser = 'mockup-browser'\nconst dMockupBrowserToolbar = 'mockup-browser-toolbar'\n\nexport interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  url?: string\n  contentClassName?: string\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Browser: React.FC<BrowserProps> = ({\n  children,\n  url = 'https://example.com',\n  className = '',\n  contentClassName = '',\n  ...rest\n}) => {\n  return (\n    <div className={`${dMockupBrowser} border border-base-300 ${className}`} {...rest}>\n      <div className={dMockupBrowserToolbar}>\n        <div className=\"input\">{url}</div>\n      </div>\n      <div className={`border-t border-base-300 ${contentClassName}`}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["dMockupBrowser","dMockupBrowserToolbar","Browser","children","url","className","contentClassName","rest","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAiB,kBACjBC,IAAwB,0BAUjBC,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,MAEI,gBAAAC,EAAC,SAAI,WAAW,GAAGR,CAAc,2BAA2BK,CAAS,IAAK,GAAGE,GAC3E,UAAA;AAAA,EAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWR,GACd,UAAA,gBAAAQ,EAAC,SAAI,WAAU,SAAS,aAAI,EAAA,CAC9B;AAAA,oBACC,OAAA,EAAI,WAAW,4BAA4BH,CAAgB,IACzD,UAAAH,EAAA,CACH;AAAA,GACF;"}

package/dist/components/Button.d.ts

@@ -17,11 +17,15 @@ type BaseButtonProps = {
     /** Icon element to display */
     icon?: React.ReactNode;
     /** Position of the icon */
+    iconPlacement?: 'start' | 'end';
+    /** @deprecated Use iconPlacement instead */
     iconPosition?: 'start' | 'end';
     /** Applies error/danger styling (shorthand for color="error") */
     danger?: boolean;
     /** Toggle button pressed state (sets aria-pressed) */
     pressed?: boolean;
+    /** Test ID for testing */
+    'data-testid'?: string;
 };
 type ButtonAsButton = BaseButtonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {
     href?: undefined;
@@ -34,5 +38,5 @@ type ButtonAsAnchor = BaseButtonProps & Omit<React.AnchorHTMLAttributes<HTMLAnch
     disabled?: boolean;
 };
 export type ButtonProps = ButtonAsButton | ButtonAsAnchor;
-export declare const Button: React.FC<ButtonProps>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export {};

package/dist/components/Button.js

@@ -1,114 +1,124 @@
-import { jsx as r, jsxs as A, Fragment as E } from "react/jsx-runtime";
-import { SizeProvider as I } from "../contexts/SizeContext.js";
-import { useConfig as W } from "../providers/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", rn = "btn-square", on = "btn-circle", cn = "btn-wide", an = "btn-block", dn = "loading", ln = "loading-spinner", gn = ({
-  children: o,
-  color: y,
-  variant: l,
-  size: p,
-  active: g = !1,
-  loading: n = !1,
-  shape: i,
-  noAnimation: C = !1,
-  icon: c,
-  iconPosition: t = "start",
-  danger: k = !1,
-  pressed: b,
-  className: S = "",
-  ...a
-}) => {
-  const { componentSize: x } = W(), d = p ?? x ?? "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: rn,
-    circle: on,
-    wide: cn,
-    block: an,
-    round: "rounded-full"
-  }, u = [
-    X,
-    m && v[m],
-    l && w[l],
-    D[d],
-    g && en,
-    i && z[i],
-    C && "no-animation",
-    S
-  ].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"
-  }[d] : "", f = c && /* @__PURE__ */ r(I, { size: d, children: /* @__PURE__ */ r("span", { className: `inline-flex items-center ${N}`, "aria-hidden": "true", children: c }) }), B = /* @__PURE__ */ A(E, { children: [
-    n && /* @__PURE__ */ r("span", { className: `${dn} ${ln}`, "aria-hidden": "true" }),
-    !n && c && t === "start" && f,
-    o,
-    !n && c && t === "end" && f
-  ] });
-  if ("href" in a && a.href !== void 0) {
-    const { href: L, disabled: T, onKeyDown: j, onClick: q, ...$ } = a, e = T || n;
-    return /* @__PURE__ */ r(
-      "a",
+import { jsx as o, jsxs as W, Fragment as X } from "react/jsx-runtime";
+import { forwardRef as F } from "react";
+import { SizeProvider as G } from "../contexts/SizeContext.js";
+import { useConfig as M } from "../providers/ConfigProvider.js";
+const O = "btn", R = "btn-primary", H = "btn-secondary", J = "btn-accent", Q = "btn-info", U = "btn-success", V = "btn-warning", Y = "btn-error", Z = "btn-neutral", _ = "btn-outline", tt = "btn-dash", nt = "btn-soft", st = "btn-ghost", et = "btn-link", ot = "btn-xs", ct = "btn-sm", rt = "btn-md", at = "btn-lg", it = "btn-xl", dt = "btn-active", lt = "btn-square", mt = "btn-circle", bt = "btn-wide", ut = "btn-block", ft = "loading", Bt = "loading-spinner", ht = F(
+  ({
+    children: c,
+    color: g,
+    variant: d,
+    size: C,
+    active: k = !1,
+    loading: t = !1,
+    shape: l,
+    noAnimation: S = !1,
+    icon: r,
+    iconPlacement: x,
+    iconPosition: v,
+    danger: w = !1,
+    pressed: m,
+    className: D = "",
+    "data-testid": b,
+    ...a
+  }, u) => {
+    const { componentSize: z } = M(), i = C ?? z ?? "md", f = w ? "error" : g, n = x ?? v ?? "start", N = {
+      primary: R,
+      secondary: H,
+      accent: J,
+      info: Q,
+      success: U,
+      warning: V,
+      error: Y,
+      neutral: Z
+    }, P = {
+      solid: "",
+      // default, no extra class needed
+      outline: _,
+      dash: tt,
+      soft: nt,
+      ghost: st,
+      link: et
+    }, K = {
+      xs: ot,
+      sm: ct,
+      md: rt,
+      lg: at,
+      xl: it
+    }, L = {
+      square: lt,
+      circle: mt,
+      wide: bt,
+      block: ut,
+      round: "rounded-full"
+    }, B = [
+      O,
+      f && N[f],
+      d && P[d],
+      K[i],
+      k && dt,
+      l && L[l],
+      S && "no-animation",
+      D
+    ].filter(Boolean).join(" "), T = c != null && c !== "" ? {
+      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"
+    }[i] : "", h = r && /* @__PURE__ */ o(G, { size: i, children: /* @__PURE__ */ o("span", { className: `inline-flex items-center ${T}`, "aria-hidden": "true", children: r }) }), y = /* @__PURE__ */ W(X, { children: [
+      t && /* @__PURE__ */ o("span", { className: `${ft} ${Bt}`, "aria-hidden": "true" }),
+      !t && r && n === "start" && h,
+      c,
+      !t && r && n === "end" && h
+    ] });
+    if ("href" in a && a.href !== void 0) {
+      const { href: q, disabled: $, onKeyDown: A, onClick: E, ...I } = a, e = $ || t;
+      return /* @__PURE__ */ o(
+        "a",
+        {
+          ref: u,
+          href: e ? void 0 : q,
+          role: "button",
+          className: B,
+          "aria-disabled": e || void 0,
+          "aria-busy": t || void 0,
+          "aria-pressed": m,
+          tabIndex: e ? -1 : 0,
+          onKeyDown: (s) => {
+            s.key === " " && !e && (s.preventDefault(), s.currentTarget.click()), A?.(s);
+          },
+          onClick: (s) => {
+            if (e) {
+              s.preventDefault();
+              return;
+            }
+            E?.(s);
+          },
+          "data-testid": b,
+          ...I,
+          children: y
+        }
+      );
+    }
+    const { htmlType: j, ...p } = a;
+    return /* @__PURE__ */ o(
+      "button",
       {
-        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);
-        },
-        ...$,
-        children: B
+        ref: u,
+        type: j ?? "button",
+        className: B,
+        "aria-busy": t || void 0,
+        "aria-pressed": m,
+        disabled: t || p.disabled,
+        "data-testid": b,
+        ...p,
+        children: y
       }
     );
   }
-  const { htmlType: K, ...h } = a;
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      type: K ?? "button",
-      className: u,
-      "aria-busy": n || void 0,
-      "aria-pressed": b,
-      disabled: n || h.disabled,
-      ...h,
-      children: B
-    }
-  );
-};
+);
+ht.displayName = "Button";
 export {
-  gn as Button
+  ht 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 { SizeProvider } from '../contexts/SizeContext'\nimport { useConfig } from '../providers/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    <SizeProvider size={effectiveSize}>\n      <span className={`inline-flex items-center ${iconSpacing}`} aria-hidden=\"true\">\n        {icon}\n      </span>\n    </SizeProvider>\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","SizeProvider","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, { forwardRef } from 'react'\nimport { SizeProvider } from '../contexts/SizeContext'\nimport { useConfig } from '../providers/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 dBtnMd = 'btn-md'\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  iconPlacement?: 'start' | 'end'\n  /** @deprecated Use iconPlacement instead */\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  /** Test ID for testing */\n  'data-testid'?: string\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 = forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(\n  (\n    {\n      children,\n      color,\n      variant,\n      size,\n      active = false,\n      loading = false,\n      shape,\n      noAnimation = false,\n      icon,\n      iconPlacement,\n      iconPosition,\n      danger = false,\n      pressed,\n      className = '',\n      'data-testid': testId,\n      ...props\n    },\n    ref\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    // iconPlacement takes precedence over deprecated iconPosition\n    const effectiveIconPlacement = iconPlacement ?? iconPosition ?? 'start'\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: dBtnMd,\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: effectiveIconPlacement === 'start' ? 'mr-1' : 'ml-1',\n      sm: effectiveIconPlacement === 'start' ? 'mr-1' : 'ml-1',\n      md: effectiveIconPlacement === 'start' ? 'mr-1.5' : 'ml-1.5',\n      lg: effectiveIconPlacement === 'start' ? 'mr-2' : 'ml-2',\n      xl: effectiveIconPlacement === 'start' ? 'mr-2' : 'ml-2',\n    }\n    const iconSpacing = hasChildren ? spacingBySize[effectiveSize] : ''\n\n    const iconElement = icon && (\n      <SizeProvider size={effectiveSize}>\n        <span className={`inline-flex items-center ${iconSpacing}`} aria-hidden=\"true\">\n          {icon}\n        </span>\n      </SizeProvider>\n    )\n\n    const content = (\n      <>\n        {loading && <span className={`${dLoading} ${dLoadingSpinner}`} aria-hidden=\"true\"></span>}\n        {!loading && icon && effectiveIconPlacement === 'start' && iconElement}\n        {children}\n        {!loading && icon && effectiveIconPlacement === '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          ref={ref as React.Ref<HTMLAnchorElement>}\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          data-testid={testId}\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        ref={ref as React.Ref<HTMLButtonElement>}\n        type={buttonType}\n        className={classes}\n        aria-busy={loading || undefined}\n        aria-pressed={pressed}\n        disabled={loading || buttonProps.disabled}\n        data-testid={testId}\n        {...buttonProps}\n      >\n        {content}\n      </button>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n"],"names":["dBtn","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnInfo","dBtnSuccess","dBtnWarning","dBtnError","dBtnNeutral","dBtnOutline","dBtnDash","dBtnSoft","dBtnGhost","dBtnLink","dBtnXs","dBtnSm","dBtnMd","dBtnLg","dBtnXl","dBtnActive","dBtnSquare","dBtnCircle","dBtnWide","dBtnBlock","dLoading","dLoadingSpinner","Button","forwardRef","children","color","variant","size","active","loading","shape","noAnimation","icon","iconPlacement","iconPosition","danger","pressed","className","testId","props","ref","componentSize","useConfig","effectiveSize","effectiveColor","effectiveIconPlacement","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","iconSpacing","iconElement","jsx","SizeProvider","content","jsxs","Fragment","href","disabled","onKeyDown","onClick","anchorProps","isDisabled","event","htmlType","buttonProps"],"mappings":"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"}

package/dist/components/Chart.d.ts

@@ -15,5 +15,6 @@ export interface ChartProps {
     themed?: boolean;
     /** Additional CSS classes */
     className?: string;
+    'data-testid'?: string;
 }
 export declare const Chart: React.FC<ChartProps>;

package/dist/components/Chart.js

@@ -1,26 +1,27 @@
-import { jsx as g } from "react/jsx-runtime";
+import { jsx as x } from "react/jsx-runtime";
 import { useRef as p, useEffect as m } from "react";
-import x from "apexcharts";
-import { useTheme as k } from "../hooks/useTheme.js";
-function c(t, e) {
+import k from "apexcharts";
+import { useTheme as A } from "../hooks/useTheme.js";
+function a(t, o) {
   const l = { ...t };
-  for (const o in e)
-    e[o] !== void 0 && (typeof e[o] == "object" && e[o] !== null && !Array.isArray(e[o]) && typeof t[o] == "object" && t[o] !== null && !Array.isArray(t[o]) ? l[o] = c(
-      t[o],
-      e[o]
-    ) : l[o] = e[o]);
+  for (const e in o)
+    o[e] !== void 0 && (typeof o[e] == "object" && o[e] !== null && !Array.isArray(o[e]) && typeof t[e] == "object" && t[e] !== null && !Array.isArray(t[e]) ? l[e] = a(
+      t[e],
+      o[e]
+    ) : l[e] = o[e]);
   return l;
 }
-const j = ({
+const T = ({
   type: t,
-  series: e,
+  series: o,
   width: l = "100%",
-  height: o = 350,
-  options: a = {},
-  themed: i = !0,
-  className: y = ""
+  height: e = 350,
+  options: c = {},
+  themed: f = !0,
+  className: y = "",
+  "data-testid": h
 }) => {
-  const u = p(null), n = p(null), { isDark: f, colors: r } = k(), h = () => ({
+  const u = p(null), n = p(null), { isDark: d, colors: r } = A(), b = () => ({
     colors: [
       r.primary,
       r.secondary,
@@ -31,7 +32,7 @@ const j = ({
       r.error
     ],
     theme: {
-      mode: f ? "dark" : "light"
+      mode: d ? "dark" : "light"
     },
     chart: {
       background: "transparent",
@@ -67,7 +68,7 @@ const j = ({
       }
     },
     tooltip: {
-      theme: f ? "dark" : "light",
+      theme: d ? "dark" : "light",
       style: {
         fontSize: "12px"
       },
@@ -89,34 +90,34 @@ const j = ({
         enabled: !1
       }
     }
-  }), d = () => {
+  }), i = () => {
     const s = {
       chart: {
         type: t,
         width: l,
-        height: o
+        height: e
       },
-      series: e
+      series: o
     };
-    if (i) {
-      const b = h();
-      return c(c(s, b), a);
+    if (f) {
+      const g = b();
+      return a(a(s, g), c);
     }
-    return c(s, a);
+    return a(s, c);
   };
   return m(() => {
     if (!u.current) return;
-    const s = d();
-    return n.current = new x(u.current, s), n.current.render(), () => {
+    const s = i();
+    return n.current = new k(u.current, s), n.current.render(), () => {
       n.current && (n.current.destroy(), n.current = null);
     };
   }, []), m(() => {
     if (!n.current) return;
-    const s = d();
+    const s = i();
     n.current.updateOptions(s, !0, !0);
-  }, [t, e, l, o, a, i, f, r]), /* @__PURE__ */ g("div", { ref: u, className: y });
+  }, [t, o, l, e, c, f, d, r]), /* @__PURE__ */ x("div", { ref: u, className: y, "data-testid": h });
 };
 export {
-  j as Chart
+  T as Chart
 };
 //# sourceMappingURL=Chart.js.map

package/dist/components/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../src/components/Chart.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\nimport ApexCharts from 'apexcharts'\nimport type { ApexOptions } from 'apexcharts'\nimport { useTheme } from '../hooks/useTheme'\n\nexport interface ChartProps {\n  /** Chart type */\n  type: 'line' | 'area' | 'bar' | 'pie' | 'donut' | 'radialBar' | 'scatter' | 'bubble' | 'heatmap' | 'candlestick' | 'boxPlot' | 'radar' | 'polarArea' | 'rangeBar' | 'rangeArea' | 'treemap'\n  /** Chart series data */\n  series: ApexAxisChartSeries | ApexNonAxisChartSeries\n  /** Chart width */\n  width?: string | number\n  /** Chart height */\n  height?: string | number\n  /** ApexCharts options (merged with theme defaults) */\n  options?: ApexOptions\n  /** Use daisyUI theme colors */\n  themed?: boolean\n  /** Additional CSS classes */\n  className?: string\n}\n\n// Deep merge objects\nfunction deepMerge<T extends Record<string, unknown>>(target: T, source: Partial<T>): T {\n  const result = { ...target }\n\n  for (const key in source) {\n    if (source[key] !== undefined) {\n      if (\n        typeof source[key] === 'object' &&\n        source[key] !== null &&\n        !Array.isArray(source[key]) &&\n        typeof target[key] === 'object' &&\n        target[key] !== null &&\n        !Array.isArray(target[key])\n      ) {\n        result[key] = deepMerge(\n          target[key] as Record<string, unknown>,\n          source[key] as Record<string, unknown>\n        ) as T[Extract<keyof T, string>]\n      } else {\n        result[key] = source[key] as T[Extract<keyof T, string>]\n      }\n    }\n  }\n\n  return result\n}\n\nexport const Chart: React.FC<ChartProps> = ({\n  type,\n  series,\n  width = '100%',\n  height = 350,\n  options = {},\n  themed = true,\n  className = '',\n}) => {\n  const chartRef = useRef<HTMLDivElement>(null)\n  const chartInstance = useRef<ApexCharts | null>(null)\n  const { isDark, colors } = useTheme()\n\n  // Build theme-aware chart options\n  const getThemedOptions = (): Partial<ApexOptions> => {\n    const chartColors = [\n      colors.primary,\n      colors.secondary,\n      colors.accent,\n      colors.info,\n      colors.success,\n      colors.warning,\n      colors.error,\n    ]\n\n    return {\n      colors: chartColors,\n      theme: {\n        mode: isDark ? 'dark' : 'light',\n      },\n      chart: {\n        background: 'transparent',\n        foreColor: colors.foreground,\n      },\n      grid: {\n        borderColor: colors.foreground + '20', // 12.5% opacity\n      },\n      xaxis: {\n        labels: {\n          style: {\n            colors: colors.foreground,\n          },\n        },\n        axisBorder: {\n          color: colors.foreground + '20',\n        },\n        axisTicks: {\n          color: colors.foreground + '20',\n        },\n      },\n      yaxis: {\n        labels: {\n          style: {\n            colors: colors.foreground,\n          },\n        },\n      },\n      legend: {\n        labels: {\n          colors: colors.foreground,\n        },\n      },\n      tooltip: {\n        theme: isDark ? 'dark' : 'light',\n        style: {\n          fontSize: '12px',\n        },\n        x: {\n          show: true,\n        },\n        marker: {\n          show: true,\n        },\n      },\n      dataLabels: {\n        style: {\n          colors: Array(7).fill(colors.foreground),\n        },\n        background: {\n          enabled: false,\n        },\n        dropShadow: {\n          enabled: false,\n        },\n      },\n    }\n  }\n\n  // Build final options\n  const buildOptions = (): ApexOptions => {\n    const baseOptions: ApexOptions = {\n      chart: {\n        type,\n        width,\n        height,\n      },\n      series,\n    }\n\n    if (themed) {\n      const themedOpts = getThemedOptions()\n      return deepMerge(deepMerge(baseOptions as unknown as Record<string, unknown>, themedOpts as unknown as Record<string, unknown>), options as unknown as Record<string, unknown>) as ApexOptions\n    }\n\n    return deepMerge(baseOptions as unknown as Record<string, unknown>, options as unknown as Record<string, unknown>) as ApexOptions\n  }\n\n  // Initialize chart\n  useEffect(() => {\n    if (!chartRef.current) return\n\n    const opts = buildOptions()\n    chartInstance.current = new ApexCharts(chartRef.current, opts)\n    chartInstance.current.render()\n\n    return () => {\n      if (chartInstance.current) {\n        chartInstance.current.destroy()\n        chartInstance.current = null\n      }\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Update chart when props or theme change\n  useEffect(() => {\n    if (!chartInstance.current) return\n\n    const opts = buildOptions()\n    chartInstance.current.updateOptions(opts, true, true)\n  }, [type, series, width, height, options, themed, isDark, colors]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return <div ref={chartRef} className={className} />\n}\n"],"names":["deepMerge","target","source","result","key","Chart","type","series","width","height","options","themed","className","chartRef","useRef","chartInstance","isDark","colors","useTheme","getThemedOptions","buildOptions","baseOptions","themedOpts","useEffect","opts","ApexCharts","jsx"],"mappings":"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"}
+{"version":3,"file":"Chart.js","sources":["../../src/components/Chart.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\nimport ApexCharts from 'apexcharts'\nimport type { ApexOptions } from 'apexcharts'\nimport { useTheme } from '../hooks/useTheme'\n\nexport interface ChartProps {\n  /** Chart type */\n  type: 'line' | 'area' | 'bar' | 'pie' | 'donut' | 'radialBar' | 'scatter' | 'bubble' | 'heatmap' | 'candlestick' | 'boxPlot' | 'radar' | 'polarArea' | 'rangeBar' | 'rangeArea' | 'treemap'\n  /** Chart series data */\n  series: ApexAxisChartSeries | ApexNonAxisChartSeries\n  /** Chart width */\n  width?: string | number\n  /** Chart height */\n  height?: string | number\n  /** ApexCharts options (merged with theme defaults) */\n  options?: ApexOptions\n  /** Use daisyUI theme colors */\n  themed?: boolean\n  /** Additional CSS classes */\n  className?: string\n  'data-testid'?: string\n}\n\n// Deep merge objects\nfunction deepMerge<T extends Record<string, unknown>>(target: T, source: Partial<T>): T {\n  const result = { ...target }\n\n  for (const key in source) {\n    if (source[key] !== undefined) {\n      if (\n        typeof source[key] === 'object' &&\n        source[key] !== null &&\n        !Array.isArray(source[key]) &&\n        typeof target[key] === 'object' &&\n        target[key] !== null &&\n        !Array.isArray(target[key])\n      ) {\n        result[key] = deepMerge(\n          target[key] as Record<string, unknown>,\n          source[key] as Record<string, unknown>\n        ) as T[Extract<keyof T, string>]\n      } else {\n        result[key] = source[key] as T[Extract<keyof T, string>]\n      }\n    }\n  }\n\n  return result\n}\n\nexport const Chart: React.FC<ChartProps> = ({\n  type,\n  series,\n  width = '100%',\n  height = 350,\n  options = {},\n  themed = true,\n  className = '',\n  'data-testid': testId,\n}) => {\n  const chartRef = useRef<HTMLDivElement>(null)\n  const chartInstance = useRef<ApexCharts | null>(null)\n  const { isDark, colors } = useTheme()\n\n  // Build theme-aware chart options\n  const getThemedOptions = (): Partial<ApexOptions> => {\n    const chartColors = [\n      colors.primary,\n      colors.secondary,\n      colors.accent,\n      colors.info,\n      colors.success,\n      colors.warning,\n      colors.error,\n    ]\n\n    return {\n      colors: chartColors,\n      theme: {\n        mode: isDark ? 'dark' : 'light',\n      },\n      chart: {\n        background: 'transparent',\n        foreColor: colors.foreground,\n      },\n      grid: {\n        borderColor: colors.foreground + '20', // 12.5% opacity\n      },\n      xaxis: {\n        labels: {\n          style: {\n            colors: colors.foreground,\n          },\n        },\n        axisBorder: {\n          color: colors.foreground + '20',\n        },\n        axisTicks: {\n          color: colors.foreground + '20',\n        },\n      },\n      yaxis: {\n        labels: {\n          style: {\n            colors: colors.foreground,\n          },\n        },\n      },\n      legend: {\n        labels: {\n          colors: colors.foreground,\n        },\n      },\n      tooltip: {\n        theme: isDark ? 'dark' : 'light',\n        style: {\n          fontSize: '12px',\n        },\n        x: {\n          show: true,\n        },\n        marker: {\n          show: true,\n        },\n      },\n      dataLabels: {\n        style: {\n          colors: Array(7).fill(colors.foreground),\n        },\n        background: {\n          enabled: false,\n        },\n        dropShadow: {\n          enabled: false,\n        },\n      },\n    }\n  }\n\n  // Build final options\n  const buildOptions = (): ApexOptions => {\n    const baseOptions: ApexOptions = {\n      chart: {\n        type,\n        width,\n        height,\n      },\n      series,\n    }\n\n    if (themed) {\n      const themedOpts = getThemedOptions()\n      return deepMerge(deepMerge(baseOptions as unknown as Record<string, unknown>, themedOpts as unknown as Record<string, unknown>), options as unknown as Record<string, unknown>) as ApexOptions\n    }\n\n    return deepMerge(baseOptions as unknown as Record<string, unknown>, options as unknown as Record<string, unknown>) as ApexOptions\n  }\n\n  // Initialize chart\n  useEffect(() => {\n    if (!chartRef.current) return\n\n    const opts = buildOptions()\n    chartInstance.current = new ApexCharts(chartRef.current, opts)\n    chartInstance.current.render()\n\n    return () => {\n      if (chartInstance.current) {\n        chartInstance.current.destroy()\n        chartInstance.current = null\n      }\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Update chart when props or theme change\n  useEffect(() => {\n    if (!chartInstance.current) return\n\n    const opts = buildOptions()\n    chartInstance.current.updateOptions(opts, true, true)\n  }, [type, series, width, height, options, themed, isDark, colors]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return <div ref={chartRef} className={className} data-testid={testId} />\n}\n"],"names":["deepMerge","target","source","result","key","Chart","type","series","width","height","options","themed","className","testId","chartRef","useRef","chartInstance","isDark","colors","useTheme","getThemedOptions","buildOptions","baseOptions","themedOpts","useEffect","opts","ApexCharts"],"mappings":"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"}

package/dist/components/Chat.d.ts

@@ -7,5 +7,6 @@ export interface ChatProps extends React.HTMLAttributes<HTMLDivElement> {
     header?: React.ReactNode;
     footer?: React.ReactNode;
     color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+    'data-testid'?: string;
 }
 export declare const Chat: React.FC<ChatProps>;

package/dist/components/Chat.js

@@ -1,33 +1,44 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-const C = "chat", m = "chat-start", B = "chat-end", v = "chat-image", N = "chat-header", f = "chat-bubble", g = "chat-bubble-primary", p = "chat-bubble-secondary", y = "chat-bubble-accent", $ = "chat-bubble-neutral", j = "chat-bubble-info", w = "chat-bubble-success", x = "chat-bubble-warning", S = "chat-bubble-error", A = "chat-footer", E = "avatar", F = ({
-  message: r,
-  position: l = "start",
-  avatar: c,
-  avatarAlt: h = "",
-  header: s,
-  footer: e,
-  color: a,
-  className: d = "",
-  ...o
+import { jsxs as B, jsx as t } from "react/jsx-runtime";
+import { useId as f } from "react";
+const g = "chat", p = "chat-start", y = "chat-end", N = "chat-image", $ = "chat-header", j = "chat-bubble", w = "chat-bubble-primary", x = "chat-bubble-secondary", I = "chat-bubble-accent", S = "chat-bubble-neutral", A = "chat-bubble-info", E = "chat-bubble-success", F = "chat-bubble-warning", H = "chat-bubble-error", P = "chat-footer", T = "avatar", q = ({
+  message: o,
+  position: h = "start",
+  avatar: b,
+  avatarAlt: i = "",
+  header: e,
+  footer: d,
+  color: s,
+  className: u = "",
+  "data-testid": c,
+  ...C
 }) => {
-  const u = l === "start" ? m : B, n = {
-    primary: g,
-    secondary: p,
-    accent: y,
-    neutral: $,
-    info: j,
-    success: w,
-    warning: x,
-    error: S
-  }, b = [f];
-  return a && n[a] && b.push(n[a]), /* @__PURE__ */ i("div", { className: `${C} ${u} ${d}`, ...o, children: [
-    c && /* @__PURE__ */ t("div", { className: `${v} ${E}`, children: /* @__PURE__ */ t("div", { className: "w-10 rounded-full", children: /* @__PURE__ */ t("img", { alt: h, src: c }) }) }),
-    s && /* @__PURE__ */ t("div", { className: N, children: s }),
-    /* @__PURE__ */ t("div", { className: b.join(" "), children: r }),
-    e && /* @__PURE__ */ t("div", { className: A, children: e })
-  ] });
+  const n = f(), m = h === "start" ? p : y, a = (v) => c ? `${c}-${v}` : void 0, r = {
+    primary: w,
+    secondary: x,
+    accent: I,
+    neutral: S,
+    info: A,
+    success: E,
+    warning: F,
+    error: H
+  }, l = [j];
+  return s && r[s] && l.push(r[s]), /* @__PURE__ */ B(
+    "article",
+    {
+      className: `${g} ${m} ${u}`,
+      "aria-labelledby": e ? n : void 0,
+      "data-testid": c,
+      ...C,
+      children: [
+        b && /* @__PURE__ */ t("div", { className: `${N} ${T}`, "data-testid": a("avatar"), children: /* @__PURE__ */ t("div", { className: "w-10 rounded-full", children: /* @__PURE__ */ t("img", { alt: i, src: b }) }) }),
+        e && /* @__PURE__ */ t("div", { id: n, className: $, "data-testid": a("header"), children: e }),
+        /* @__PURE__ */ t("div", { className: l.join(" "), "data-testid": a("bubble"), children: o }),
+        d && /* @__PURE__ */ t("div", { className: P, "data-testid": a("footer"), children: d })
+      ]
+    }
+  );
 };
 export {
-  F as Chat
+  q as Chat
 };
 //# sourceMappingURL=Chat.js.map

package/dist/components/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sources":["../../src/components/Chat.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dChat = 'chat'\nconst dChatStart = 'chat-start'\nconst dChatEnd = 'chat-end'\nconst dChatImage = 'chat-image'\nconst dChatHeader = 'chat-header'\nconst dChatBubble = 'chat-bubble'\nconst dChatBubblePrimary = 'chat-bubble-primary'\nconst dChatBubbleSecondary = 'chat-bubble-secondary'\nconst dChatBubbleAccent = 'chat-bubble-accent'\nconst dChatBubbleNeutral = 'chat-bubble-neutral'\nconst dChatBubbleInfo = 'chat-bubble-info'\nconst dChatBubbleSuccess = 'chat-bubble-success'\nconst dChatBubbleWarning = 'chat-bubble-warning'\nconst dChatBubbleError = 'chat-bubble-error'\nconst dChatFooter = 'chat-footer'\nconst dAvatar = 'avatar'\n\nexport interface ChatProps extends React.HTMLAttributes<HTMLDivElement> {\n  message: React.ReactNode\n  position?: 'start' | 'end'\n  avatar?: string\n  avatarAlt?: string\n  header?: React.ReactNode\n  footer?: React.ReactNode\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error'\n}\n\nexport const Chat: React.FC<ChatProps> = ({\n  message,\n  position = 'start',\n  avatar,\n  avatarAlt = '',\n  header,\n  footer,\n  color,\n  className = '',\n  ...rest\n}) => {\n  const positionClass = position === 'start' ? dChatStart : dChatEnd\n\n  const colorClasses: Record<string, string> = {\n    primary: dChatBubblePrimary,\n    secondary: dChatBubbleSecondary,\n    accent: dChatBubbleAccent,\n    neutral: dChatBubbleNeutral,\n    info: dChatBubbleInfo,\n    success: dChatBubbleSuccess,\n    warning: dChatBubbleWarning,\n    error: dChatBubbleError,\n  }\n\n  const bubbleClasses = [dChatBubble]\n  if (color && colorClasses[color]) {\n    bubbleClasses.push(colorClasses[color])\n  }\n\n  return (\n    <div className={`${dChat} ${positionClass} ${className}`} {...rest}>\n      {avatar && (\n        <div className={`${dChatImage} ${dAvatar}`}>\n          <div className=\"w-10 rounded-full\">\n            <img alt={avatarAlt} src={avatar} />\n          </div>\n        </div>\n      )}\n      {header && <div className={dChatHeader}>{header}</div>}\n      <div className={bubbleClasses.join(' ')}>{message}</div>\n      {footer && <div className={dChatFooter}>{footer}</div>}\n    </div>\n  )\n}\n"],"names":["dChat","dChatStart","dChatEnd","dChatImage","dChatHeader","dChatBubble","dChatBubblePrimary","dChatBubbleSecondary","dChatBubbleAccent","dChatBubbleNeutral","dChatBubbleInfo","dChatBubbleSuccess","dChatBubbleWarning","dChatBubbleError","dChatFooter","dAvatar","Chat","message","position","avatar","avatarAlt","header","footer","color","className","rest","positionClass","colorClasses","bubbleClasses","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAQ,QACRC,IAAa,cACbC,IAAW,YACXC,IAAa,cACbC,IAAc,eACdC,IAAc,eACdC,IAAqB,uBACrBC,IAAuB,yBACvBC,IAAoB,sBACpBC,IAAqB,uBACrBC,IAAkB,oBAClBC,IAAqB,uBACrBC,IAAqB,uBACrBC,IAAmB,qBACnBC,IAAc,eACdC,IAAU,UAYHC,IAA4B,CAAC;AAAA,EACxC,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgBR,MAAa,UAAUjB,IAAaC,GAEpDyB,IAAuC;AAAA,IAC3C,SAASrB;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,GAGHe,IAAgB,CAACvB,CAAW;AAClC,SAAIkB,KAASI,EAAaJ,CAAK,KAC7BK,EAAc,KAAKD,EAAaJ,CAAK,CAAC,GAItC,gBAAAM,EAAC,OAAA,EAAI,WAAW,GAAG7B,CAAK,IAAI0B,CAAa,IAAIF,CAAS,IAAK,GAAGC,GAC3D,UAAA;AAAA,IAAAN,uBACE,OAAA,EAAI,WAAW,GAAGhB,CAAU,IAAIY,CAAO,IACtC,UAAA,gBAAAe,EAAC,SAAI,WAAU,qBACb,4BAAC,OAAA,EAAI,KAAKV,GAAW,KAAKD,GAAQ,GACpC,EAAA,CACF;AAAA,IAEDE,KAAU,gBAAAS,EAAC,OAAA,EAAI,WAAW1B,GAAc,UAAAiB,GAAO;AAAA,sBAC/C,OAAA,EAAI,WAAWO,EAAc,KAAK,GAAG,GAAI,UAAAX,GAAQ;AAAA,IACjDK,KAAU,gBAAAQ,EAAC,OAAA,EAAI,WAAWhB,GAAc,UAAAQ,EAAA,CAAO;AAAA,EAAA,GAClD;AAEJ;"}
+{"version":3,"file":"Chat.js","sources":["../../src/components/Chat.tsx"],"sourcesContent":["import React, { useId } from 'react'\n\n// DaisyUI classes\nconst dChat = 'chat'\nconst dChatStart = 'chat-start'\nconst dChatEnd = 'chat-end'\nconst dChatImage = 'chat-image'\nconst dChatHeader = 'chat-header'\nconst dChatBubble = 'chat-bubble'\nconst dChatBubblePrimary = 'chat-bubble-primary'\nconst dChatBubbleSecondary = 'chat-bubble-secondary'\nconst dChatBubbleAccent = 'chat-bubble-accent'\nconst dChatBubbleNeutral = 'chat-bubble-neutral'\nconst dChatBubbleInfo = 'chat-bubble-info'\nconst dChatBubbleSuccess = 'chat-bubble-success'\nconst dChatBubbleWarning = 'chat-bubble-warning'\nconst dChatBubbleError = 'chat-bubble-error'\nconst dChatFooter = 'chat-footer'\nconst dAvatar = 'avatar'\n\nexport interface ChatProps extends React.HTMLAttributes<HTMLDivElement> {\n  message: React.ReactNode\n  position?: 'start' | 'end'\n  avatar?: string\n  avatarAlt?: string\n  header?: React.ReactNode\n  footer?: React.ReactNode\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error'\n  'data-testid'?: string\n}\n\nexport const Chat: React.FC<ChatProps> = ({\n  message,\n  position = 'start',\n  avatar,\n  avatarAlt = '',\n  header,\n  footer,\n  color,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}) => {\n  const headerId = useId()\n  const positionClass = position === 'start' ? dChatStart : dChatEnd\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  const colorClasses: Record<string, string> = {\n    primary: dChatBubblePrimary,\n    secondary: dChatBubbleSecondary,\n    accent: dChatBubbleAccent,\n    neutral: dChatBubbleNeutral,\n    info: dChatBubbleInfo,\n    success: dChatBubbleSuccess,\n    warning: dChatBubbleWarning,\n    error: dChatBubbleError,\n  }\n\n  const bubbleClasses = [dChatBubble]\n  if (color && colorClasses[color]) {\n    bubbleClasses.push(colorClasses[color])\n  }\n\n  return (\n    <article\n      className={`${dChat} ${positionClass} ${className}`}\n      aria-labelledby={header ? headerId : undefined}\n      data-testid={testId}\n      {...rest}\n    >\n      {avatar && (\n        <div className={`${dChatImage} ${dAvatar}`} data-testid={getTestId('avatar')}>\n          <div className=\"w-10 rounded-full\">\n            <img alt={avatarAlt} src={avatar} />\n          </div>\n        </div>\n      )}\n      {header && <div id={headerId} className={dChatHeader} data-testid={getTestId('header')}>{header}</div>}\n      <div className={bubbleClasses.join(' ')} data-testid={getTestId('bubble')}>{message}</div>\n      {footer && <div className={dChatFooter} data-testid={getTestId('footer')}>{footer}</div>}\n    </article>\n  )\n}\n"],"names":["dChat","dChatStart","dChatEnd","dChatImage","dChatHeader","dChatBubble","dChatBubblePrimary","dChatBubbleSecondary","dChatBubbleAccent","dChatBubbleNeutral","dChatBubbleInfo","dChatBubbleSuccess","dChatBubbleWarning","dChatBubbleError","dChatFooter","dAvatar","Chat","message","position","avatar","avatarAlt","header","footer","color","className","testId","rest","headerId","useId","positionClass","getTestId","suffix","colorClasses","bubbleClasses","jsxs","jsx"],"mappings":";;AAGA,MAAMA,IAAQ,QACRC,IAAa,cACbC,IAAW,YACXC,IAAa,cACbC,IAAc,eACdC,IAAc,eACdC,IAAqB,uBACrBC,IAAuB,yBACvBC,IAAoB,sBACpBC,IAAqB,uBACrBC,IAAkB,oBAClBC,IAAqB,uBACrBC,IAAqB,uBACrBC,IAAmB,qBACnBC,IAAc,eACdC,IAAU,UAaHC,IAA4B,CAAC;AAAA,EACxC,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAeC;AAAA,EACf,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAWC,EAAA,GACXC,IAAgBX,MAAa,UAAUjB,IAAaC,GACpD4B,IAAY,CAACC,MAAoBN,IAAS,GAAGA,CAAM,IAAIM,CAAM,KAAK,QAElEC,IAAuC;AAAA,IAC3C,SAAS1B;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,GAGHoB,IAAgB,CAAC5B,CAAW;AAClC,SAAIkB,KAASS,EAAaT,CAAK,KAC7BU,EAAc,KAAKD,EAAaT,CAAK,CAAC,GAItC,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGlC,CAAK,IAAI6B,CAAa,IAAIL,CAAS;AAAA,MACjD,mBAAiBH,IAASM,IAAW;AAAA,MACrC,eAAaF;AAAA,MACZ,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAP,KACC,gBAAAgB,EAAC,SAAI,WAAW,GAAGhC,CAAU,IAAIY,CAAO,IAAI,eAAae,EAAU,QAAQ,GACzE,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,KAAKf,GAAW,KAAKD,EAAA,CAAQ,EAAA,CACpC,EAAA,CACF;AAAA,QAEDE,KAAU,gBAAAc,EAAC,OAAA,EAAI,IAAIR,GAAU,WAAWvB,GAAa,eAAa0B,EAAU,QAAQ,GAAI,UAAAT,EAAA,CAAO;AAAA,QAChG,gBAAAc,EAAC,OAAA,EAAI,WAAWF,EAAc,KAAK,GAAG,GAAG,eAAaH,EAAU,QAAQ,GAAI,UAAAb,EAAA,CAAQ;AAAA,QACnFK,uBAAW,OAAA,EAAI,WAAWR,GAAa,eAAagB,EAAU,QAAQ,GAAI,UAAAR,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxF;"}

package/dist/components/Code.d.ts

@@ -9,6 +9,8 @@ export interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /** Show copy button. Pass true to auto-extract text, or a string to specify custom copy text */
     copyable?: boolean | string;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Code: React.FC<CodeProps> & {
     Line: typeof Line;