asterui 0.12.61 → 0.12.63

package/dist/components/Tooltip.js

@@ -1,37 +1,43 @@
-import { jsx as a } from "react/jsx-runtime";
-const d = "tooltip", T = "tooltip-top", f = "tooltip-bottom", m = "tooltip-left", u = "tooltip-right", g = "tooltip-neutral", y = "tooltip-primary", h = "tooltip-secondary", b = "tooltip-accent", j = "tooltip-info", v = "tooltip-success", w = "tooltip-warning", x = "tooltip-error", B = "tooltip-open", N = ({
-  children: i,
-  tip: s,
-  className: l = "",
-  position: n = "top",
-  color: o,
-  open: t = !1,
-  ...p
+import { jsxs as m, jsx as f } from "react/jsx-runtime";
+import n, { useId as u } from "react";
+const y = "tooltip", g = "tooltip-top", h = "tooltip-bottom", b = "tooltip-left", j = "tooltip-right", x = "tooltip-neutral", E = "tooltip-primary", I = "tooltip-secondary", N = "tooltip-accent", v = "tooltip-info", w = "tooltip-success", A = "tooltip-warning", B = "tooltip-error", C = "tooltip-open", W = ({
+  children: o,
+  tip: t,
+  className: p = "",
+  position: c = "top",
+  color: i,
+  open: s = !1,
+  ...e
 }) => {
-  const c = {
-    top: T,
-    bottom: f,
-    left: m,
-    right: u
-  }, r = o ? {
-    neutral: g,
-    primary: y,
-    secondary: h,
-    accent: b,
-    info: j,
-    success: v,
-    warning: w,
-    error: x
-  }[o] : void 0, e = [
-    d,
-    c[n],
-    r,
-    t && B,
-    l
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a("div", { className: e, "data-tip": s, "data-state": t ? "open" : "closed", ...p, children: i });
+  const l = u(), r = {
+    top: g,
+    bottom: h,
+    left: b,
+    right: j
+  }, a = i ? {
+    neutral: x,
+    primary: E,
+    secondary: I,
+    accent: N,
+    info: v,
+    success: w,
+    warning: A,
+    error: B
+  }[i] : void 0, d = [
+    y,
+    r[c],
+    a,
+    s && C,
+    p
+  ].filter(Boolean).join(" "), T = n.isValidElement(o) ? n.cloneElement(o, {
+    "aria-describedby": l
+  }) : o;
+  return /* @__PURE__ */ m("div", { className: d, "data-tip": t, "data-state": s ? "open" : "closed", ...e, children: [
+    T,
+    /* @__PURE__ */ f("span", { id: l, role: "tooltip", className: "sr-only", children: t })
+  ] });
 };
 export {
-  N as Tooltip
+  W as Tooltip
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dTooltip = 'tooltip'\nconst dTooltipTop = 'tooltip-top'\nconst dTooltipBottom = 'tooltip-bottom'\nconst dTooltipLeft = 'tooltip-left'\nconst dTooltipRight = 'tooltip-right'\nconst dTooltipNeutral = 'tooltip-neutral'\nconst dTooltipPrimary = 'tooltip-primary'\nconst dTooltipSecondary = 'tooltip-secondary'\nconst dTooltipAccent = 'tooltip-accent'\nconst dTooltipInfo = 'tooltip-info'\nconst dTooltipSuccess = 'tooltip-success'\nconst dTooltipWarning = 'tooltip-warning'\nconst dTooltipError = 'tooltip-error'\nconst dTooltipOpen = 'tooltip-open'\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  tip: string\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  open?: boolean\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  tip,\n  className = '',\n  position = 'top',\n  color,\n  open = false,\n  ...rest\n}) => {\n  const positionClasses = {\n    top: dTooltipTop,\n    bottom: dTooltipBottom,\n    left: dTooltipLeft,\n    right: dTooltipRight,\n  }\n\n  const colorClasses = color\n    ? {\n        neutral: dTooltipNeutral,\n        primary: dTooltipPrimary,\n        secondary: dTooltipSecondary,\n        accent: dTooltipAccent,\n        info: dTooltipInfo,\n        success: dTooltipSuccess,\n        warning: dTooltipWarning,\n        error: dTooltipError,\n      }[color]\n    : undefined\n\n  const classes = [\n    dTooltip,\n    positionClasses[position],\n    colorClasses,\n    open && dTooltipOpen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} data-tip={tip} data-state={open ? 'open' : 'closed'} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["dTooltip","dTooltipTop","dTooltipBottom","dTooltipLeft","dTooltipRight","dTooltipNeutral","dTooltipPrimary","dTooltipSecondary","dTooltipAccent","dTooltipInfo","dTooltipSuccess","dTooltipWarning","dTooltipError","dTooltipOpen","Tooltip","children","tip","className","position","color","open","rest","positionClasses","colorClasses","classes","jsx"],"mappings":";AAGA,MAAMA,IAAW,WACXC,IAAc,eACdC,IAAiB,kBACjBC,IAAe,gBACfC,IAAgB,iBAChBC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAoB,qBACpBC,IAAiB,kBACjBC,IAAe,gBACfC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAgB,iBAChBC,IAAe,gBAURC,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AAAA,IACtB,KAAKrB;AAAA,IACL,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGHmB,IAAeJ,IACjB;AAAA,IACE,SAASd;AAAA,IACT,SAASC;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,EACPO,CAAK,IACP,QAEEK,IAAU;AAAA,IACdxB;AAAA,IACAsB,EAAgBJ,CAAQ;AAAA,IACxBK;AAAA,IACAH,KAAQP;AAAA,IACRI;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAAS,YAAUR,GAAK,cAAYI,IAAO,SAAS,UAAW,GAAGC,GAC/E,UAAAN,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import React, { useId } from 'react'\n\n// DaisyUI classes\nconst dTooltip = 'tooltip'\nconst dTooltipTop = 'tooltip-top'\nconst dTooltipBottom = 'tooltip-bottom'\nconst dTooltipLeft = 'tooltip-left'\nconst dTooltipRight = 'tooltip-right'\nconst dTooltipNeutral = 'tooltip-neutral'\nconst dTooltipPrimary = 'tooltip-primary'\nconst dTooltipSecondary = 'tooltip-secondary'\nconst dTooltipAccent = 'tooltip-accent'\nconst dTooltipInfo = 'tooltip-info'\nconst dTooltipSuccess = 'tooltip-success'\nconst dTooltipWarning = 'tooltip-warning'\nconst dTooltipError = 'tooltip-error'\nconst dTooltipOpen = 'tooltip-open'\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  tip: string\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  open?: boolean\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  tip,\n  className = '',\n  position = 'top',\n  color,\n  open = false,\n  ...rest\n}) => {\n  const tooltipId = useId()\n\n  const positionClasses = {\n    top: dTooltipTop,\n    bottom: dTooltipBottom,\n    left: dTooltipLeft,\n    right: dTooltipRight,\n  }\n\n  const colorClasses = color\n    ? {\n        neutral: dTooltipNeutral,\n        primary: dTooltipPrimary,\n        secondary: dTooltipSecondary,\n        accent: dTooltipAccent,\n        info: dTooltipInfo,\n        success: dTooltipSuccess,\n        warning: dTooltipWarning,\n        error: dTooltipError,\n      }[color]\n    : undefined\n\n  const classes = [\n    dTooltip,\n    positionClasses[position],\n    colorClasses,\n    open && dTooltipOpen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Clone children to add aria-describedby\n  const childWithAria = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<{ 'aria-describedby'?: string }>, {\n        'aria-describedby': tooltipId,\n      })\n    : children\n\n  return (\n    <div className={classes} data-tip={tip} data-state={open ? 'open' : 'closed'} {...rest}>\n      {childWithAria}\n      {/* Screen reader accessible tooltip text */}\n      <span id={tooltipId} role=\"tooltip\" className=\"sr-only\">\n        {tip}\n      </span>\n    </div>\n  )\n}\n"],"names":["dTooltip","dTooltipTop","dTooltipBottom","dTooltipLeft","dTooltipRight","dTooltipNeutral","dTooltipPrimary","dTooltipSecondary","dTooltipAccent","dTooltipInfo","dTooltipSuccess","dTooltipWarning","dTooltipError","dTooltipOpen","Tooltip","children","tip","className","position","color","open","rest","tooltipId","useId","positionClasses","colorClasses","classes","childWithAria","React","jsxs","jsx"],"mappings":";;AAGA,MAAMA,IAAW,WACXC,IAAc,eACdC,IAAiB,kBACjBC,IAAe,gBACfC,IAAgB,iBAChBC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAoB,qBACpBC,IAAiB,kBACjBC,IAAe,gBACfC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAgB,iBAChBC,IAAe,gBAYRC,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAYC,EAAA,GAEZC,IAAkB;AAAA,IACtB,KAAKvB;AAAA,IACL,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGHqB,IAAeN,IACjB;AAAA,IACE,SAASd;AAAA,IACT,SAASC;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,EACPO,CAAK,IACP,QAEEO,IAAU;AAAA,IACd1B;AAAA,IACAwB,EAAgBN,CAAQ;AAAA,IACxBO;AAAA,IACAL,KAAQP;AAAA,IACRI;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAGLU,IAAgBC,EAAM,eAAeb,CAAQ,IAC/Ca,EAAM,aAAab,GAAiE;AAAA,IAClF,oBAAoBO;AAAA,EAAA,CACrB,IACDP;AAEJ,SACE,gBAAAc,EAAC,OAAA,EAAI,WAAWH,GAAS,YAAUV,GAAK,cAAYI,IAAO,SAAS,UAAW,GAAGC,GAC/E,UAAA;AAAA,IAAAM;AAAA,IAED,gBAAAG,EAAC,UAAK,IAAIR,GAAW,MAAK,WAAU,WAAU,WAC3C,UAAAN,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Typography.d.ts

@@ -4,12 +4,14 @@ export type TitleLevel = 1 | 2 | 3 | 4 | 5;
 export interface TypographyProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     size?: TypographySize;
+    'data-testid'?: string;
 }
 export interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'title'> {
     level?: TitleLevel;
     children: React.ReactNode;
     copyable?: boolean;
     ellipsis?: boolean;
+    'data-testid'?: string;
 }
 export interface ParagraphProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
@@ -21,6 +23,7 @@ export interface ParagraphProps extends React.HTMLAttributes<HTMLDivElement> {
     copyable?: boolean;
     size?: TypographySize;
     align?: 'left' | 'center' | 'right';
+    'data-testid'?: string;
 }
 export interface TextProps extends React.HTMLAttributes<HTMLSpanElement> {
     children: React.ReactNode;
@@ -32,18 +35,20 @@ export interface TextProps extends React.HTMLAttributes<HTMLSpanElement> {
     delete?: boolean;
     type?: 'default' | 'secondary' | 'success' | 'warning' | 'error';
     copyable?: boolean;
+    'data-testid'?: string;
 }
 export interface TypographyLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     href?: string;
     children: React.ReactNode;
     external?: boolean;
     size?: TypographySize;
+    'data-testid'?: string;
 }
-declare function TypographyRoot({ children, size, className, ...rest }: TypographyProps): import("react/jsx-runtime").JSX.Element;
-declare function Title({ level, children, copyable, ellipsis, className, id, ...rest }: TitleProps): import("react/jsx-runtime").JSX.Element;
-declare function Paragraph({ children, ellipsis, copyable, size, align, className, ...rest }: ParagraphProps): import("react/jsx-runtime").JSX.Element;
-declare function Text({ children, code, mark, strong, italic, underline, delete: del, type, copyable, className, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
-declare function Link({ href, children, target, external, size, className, ...rest }: TypographyLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function TypographyRoot({ children, size, className, 'data-testid': testId, ...rest }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function Title({ level, children, copyable, ellipsis, className, id, 'data-testid': testId, ...rest }: TitleProps): import("react/jsx-runtime").JSX.Element;
+declare function Paragraph({ children, ellipsis, copyable, size, align, className, 'data-testid': testId, ...rest }: ParagraphProps): import("react/jsx-runtime").JSX.Element;
+declare function Text({ children, code, mark, strong, italic, underline, delete: del, type, copyable, className, 'data-testid': testId, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
+declare function Link({ href, children, target, external, size, className, 'data-testid': testId, ...rest }: TypographyLinkProps): import("react/jsx-runtime").JSX.Element;
 export declare const Typography: typeof TypographyRoot & {
     Title: typeof Title;
     Paragraph: typeof Paragraph;

package/dist/components/Typography.js

@@ -1,36 +1,37 @@
-import { jsx as t, jsxs as u, Fragment as C } from "react/jsx-runtime";
-import { useState as g } from "react";
-const v = "btn", N = "btn-ghost", w = "btn-xs", k = "link", B = "link-primary";
-function f({ text: n }) {
-  const [e, c] = g(!1);
+import { jsx as t, jsxs as g, Fragment as w } from "react/jsx-runtime";
+import { useState as C } from "react";
+const $ = "btn", k = "btn-ghost", B = "btn-xs", T = "link", j = "link-primary";
+function y({ text: a, "data-testid": e }) {
+  const [d, o] = C(!1);
   return /* @__PURE__ */ t(
     "button",
     {
       onClick: async () => {
         try {
-          await navigator.clipboard.writeText(n), c(!0), setTimeout(() => c(!1), 2e3);
-        } catch (s) {
-          console.error("Failed to copy:", s);
+          await navigator.clipboard.writeText(a), o(!0), setTimeout(() => o(!1), 2e3);
+        } catch (x) {
+          console.error("Failed to copy:", x);
         }
       },
-      className: `${v} ${N} ${w} ml-2 opacity-0 group-hover:opacity-100 transition-opacity`,
+      className: `${$} ${k} ${B} ml-2 opacity-0 group-hover:opacity-100 transition-opacity`,
       title: "Copy to clipboard",
-      children: e ? /* @__PURE__ */ t("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ t(
+      "data-testid": e,
+      children: d ? /* @__PURE__ */ t("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ t(
         "path",
         {
           fillRule: "evenodd",
           d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
           clipRule: "evenodd"
         }
-      ) }) : /* @__PURE__ */ u("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: [
+      ) }) : /* @__PURE__ */ g("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: [
         /* @__PURE__ */ t("path", { d: "M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z" }),
         /* @__PURE__ */ t("path", { d: "M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z" })
       ] })
     }
   );
 }
-function j({ children: n, size: e = "base", className: c = "", ...o }) {
-  const m = [
+function M({ children: a, size: e = "base", className: d = "", "data-testid": o, ...l }) {
+  const s = [
     // Prose classes (only apply if @tailwindcss/typography is installed)
     "prose dark:prose-invert max-w-none",
     // Fallback styles (always apply)
@@ -42,37 +43,37 @@ function j({ children: n, size: e = "base", className: c = "", ...o }) {
       xl: "prose-xl text-xl",
       "2xl": "prose-2xl text-2xl"
     }[e],
-    c
+    d
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("div", { className: m, ...o, children: n });
+  return /* @__PURE__ */ t("div", { className: s, "data-testid": o, ...l, children: a });
 }
-function $({ level: n = 1, children: e, copyable: c, ellipsis: o, className: s = "", id: m, ...r }) {
-  const l = typeof e == "string" ? e : "", i = m || (l ? l.toLowerCase().replace(/\s+/g, "-") : void 0), h = {
+function L({ level: a = 1, children: e, copyable: d, ellipsis: o, className: l = "", id: x, "data-testid": s, ...i }) {
+  const c = typeof e == "string" ? e : "", r = x || (c ? c.toLowerCase().replace(/\s+/g, "-") : void 0), h = (n) => s ? `${s}-${n}` : void 0, u = {
     1: "text-4xl font-bold mb-4",
     2: "text-3xl font-bold mb-3",
     3: "text-2xl font-semibold mb-3",
     4: "text-xl font-semibold mb-2",
     5: "text-lg font-semibold mb-2"
-  }, p = o ? "truncate" : "", d = `group ${h[n]} ${p} ${s}`.trim(), x = /* @__PURE__ */ u(C, { children: [
+  }, f = o ? "truncate" : "", p = `group ${u[a]} ${f} ${l}`.trim(), m = /* @__PURE__ */ g(w, { children: [
     e,
-    c && /* @__PURE__ */ t(f, { text: l })
+    d && /* @__PURE__ */ t(y, { text: c, "data-testid": h("copy") })
   ] });
-  switch (n) {
+  switch (a) {
     case 1:
-      return /* @__PURE__ */ t("h1", { id: i, className: d, ...r, children: x });
+      return /* @__PURE__ */ t("h1", { id: r, className: p, "data-testid": s, ...i, children: m });
     case 2:
-      return /* @__PURE__ */ t("h2", { id: i, className: d, ...r, children: x });
+      return /* @__PURE__ */ t("h2", { id: r, className: p, "data-testid": s, ...i, children: m });
     case 3:
-      return /* @__PURE__ */ t("h3", { id: i, className: d, ...r, children: x });
+      return /* @__PURE__ */ t("h3", { id: r, className: p, "data-testid": s, ...i, children: m });
     case 4:
-      return /* @__PURE__ */ t("h4", { id: i, className: d, ...r, children: x });
+      return /* @__PURE__ */ t("h4", { id: r, className: p, "data-testid": s, ...i, children: m });
     case 5:
-      return /* @__PURE__ */ t("h5", { id: i, className: d, ...r, children: x });
+      return /* @__PURE__ */ t("h5", { id: r, className: p, "data-testid": s, ...i, children: m });
     default:
-      return /* @__PURE__ */ t("h1", { id: i, className: d, ...r, children: x });
+      return /* @__PURE__ */ t("h1", { id: r, className: p, "data-testid": s, ...i, children: m });
   }
 }
-const M = {
+const E = {
   1: "line-clamp-1",
   2: "line-clamp-2",
   3: "line-clamp-3",
@@ -80,88 +81,90 @@ const M = {
   5: "line-clamp-5",
   6: "line-clamp-6"
 };
-function T({ children: n, ellipsis: e, copyable: c, size: o, align: s, className: m = "", ...r }) {
-  const [l, i] = g(!1), h = typeof n == "string" ? n : "", p = typeof e == "object", d = p && e.rows || 3, x = p ? e.expandable : !1, a = Math.min(Math.max(d, 1), 6), y = [
+function H({ children: a, ellipsis: e, copyable: d, size: o, align: l, className: x = "", "data-testid": s, ...i }) {
+  const [c, r] = C(!1), h = typeof a == "string" ? a : "", u = (N) => s ? `${s}-${N}` : void 0, f = typeof e == "object", p = f && e.rows || 3, m = f ? e.expandable : !1, n = Math.min(Math.max(p, 1), 6), b = [
     "group",
     "mb-4",
-    e && !l ? M[a] : "",
+    e && !c ? E[n] : "",
     o === "sm" && "text-sm",
     o === "base" && "text-base",
     o === "lg" && "text-lg",
     o === "xl" && "text-xl",
     o === "2xl" && "text-2xl",
-    s === "left" && "text-left",
-    s === "center" && "text-center",
-    s === "right" && "text-right",
-    m
+    l === "left" && "text-left",
+    l === "center" && "text-center",
+    l === "right" && "text-right",
+    x
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u("div", { ...r, children: [
-    /* @__PURE__ */ u("p", { className: y, children: [
-      n,
-      c && /* @__PURE__ */ t(f, { text: h })
+  return /* @__PURE__ */ g("div", { "data-testid": s, ...i, children: [
+    /* @__PURE__ */ g("p", { className: b, "data-testid": u("text"), children: [
+      a,
+      d && /* @__PURE__ */ t(y, { text: h, "data-testid": u("copy") })
     ] }),
-    x && e && /* @__PURE__ */ t(
+    m && e && /* @__PURE__ */ t(
       "button",
       {
         onClick: () => {
-          i(!l), p && e.onExpand && e.onExpand();
+          r(!c), f && e.onExpand && e.onExpand();
         },
         className: "text-primary text-sm hover:underline",
-        children: l ? "Show less" : "Show more"
+        children: c ? "Show less" : "Show more"
       }
     )
   ] });
 }
-function L({
-  children: n,
+function R({
+  children: a,
   code: e,
-  mark: c,
+  mark: d,
   strong: o,
-  italic: s,
-  underline: m,
-  delete: r,
-  type: l = "default",
-  copyable: i,
-  className: h = "",
-  ...p
+  italic: l,
+  underline: x,
+  delete: s,
+  type: i = "default",
+  copyable: c,
+  className: r = "",
+  "data-testid": h,
+  ...u
 }) {
-  const d = typeof n == "string" ? n : "", x = {
+  const f = typeof a == "string" ? a : "", p = (b) => h ? `${h}-${b}` : void 0, m = {
     default: "",
     secondary: "text-base-content/70",
     success: "text-success",
     warning: "text-warning",
     error: "text-error"
   };
-  let a = n;
-  e && (a = /* @__PURE__ */ t("code", { className: "px-1.5 py-0.5 bg-base-200 rounded text-sm font-mono", children: a })), c && (a = /* @__PURE__ */ t("mark", { className: "bg-warning/30 px-1", children: a })), o && (a = /* @__PURE__ */ t("strong", { className: "font-bold", children: a })), s && (a = /* @__PURE__ */ t("em", { className: "italic", children: a })), m && (a = /* @__PURE__ */ t("u", { className: "underline", children: a })), r && (a = /* @__PURE__ */ t("del", { className: "line-through opacity-70", children: a }));
-  const b = `group inline ${x[l]} ${h}`.trim();
-  return /* @__PURE__ */ u("span", { className: b, ...p, children: [
-    a,
-    i && /* @__PURE__ */ t(f, { text: d })
+  let n = a;
+  e && (n = /* @__PURE__ */ t("code", { className: "px-1.5 py-0.5 bg-base-200 rounded text-sm font-mono", children: n })), d && (n = /* @__PURE__ */ t("mark", { className: "bg-warning/30 px-1", children: n })), o && (n = /* @__PURE__ */ t("strong", { className: "font-bold", children: n })), l && (n = /* @__PURE__ */ t("em", { className: "italic", children: n })), x && (n = /* @__PURE__ */ t("u", { className: "underline", children: n })), s && (n = /* @__PURE__ */ t("del", { className: "line-through opacity-70", children: n }));
+  const v = `group inline ${m[i]} ${r}`.trim();
+  return /* @__PURE__ */ g("span", { className: v, "data-testid": h, ...u, children: [
+    n,
+    c && /* @__PURE__ */ t(y, { text: f, "data-testid": p("copy") })
   ] });
 }
-function E({ href: n = "#", children: e, target: c, external: o, size: s, className: m = "", ...r }) {
-  const l = o || n && n.startsWith("http"), i = c || (l ? "_blank" : void 0), h = l ? "noopener noreferrer" : void 0, p = [
-    k,
-    B,
-    s === "sm" && "text-sm",
-    s === "base" && "text-base",
-    s === "lg" && "text-lg",
-    s === "xl" && "text-xl",
-    s === "2xl" && "text-2xl",
-    m
+function V({ href: a = "#", children: e, target: d, external: o, size: l, className: x = "", "data-testid": s, ...i }) {
+  const c = o || a && a.startsWith("http"), r = d || (c ? "_blank" : void 0), h = c ? "noopener noreferrer" : void 0, u = [
+    T,
+    j,
+    l === "sm" && "text-sm",
+    l === "base" && "text-base",
+    l === "lg" && "text-lg",
+    l === "xl" && "text-xl",
+    l === "2xl" && "text-2xl",
+    x
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ g(
     "a",
     {
-      href: n,
-      target: i,
+      href: a,
+      target: r,
       rel: h,
-      className: p,
-      ...r,
+      className: u,
+      "data-testid": s,
+      ...i,
       children: [
         e,
-        l && /* @__PURE__ */ u("svg", { className: "w-3 h-3 inline-block ml-1", fill: "currentColor", viewBox: "0 0 20 20", children: [
+        c && /* @__PURE__ */ g("svg", { className: "w-3 h-3 inline-block ml-1", fill: "currentColor", viewBox: "0 0 20 20", children: [
           /* @__PURE__ */ t("path", { d: "M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z" }),
           /* @__PURE__ */ t("path", { d: "M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z" })
         ] })
@@ -169,14 +172,14 @@ function E({ href: n = "#", children: e, target: c, external: o, size: s, classN
     }
   );
 }
-const V = Object.assign(j, {
-  Title: $,
-  Paragraph: T,
-  Text: L,
-  Link: E
+const O = Object.assign(M, {
+  Title: L,
+  Paragraph: H,
+  Text: R,
+  Link: V
 });
 export {
-  V as Typography,
-  V as default
+  O as Typography,
+  O as default
 };
 //# sourceMappingURL=Typography.js.map

package/dist/components/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../src/components/Typography.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnXs = 'btn-xs'\nconst dLink = 'link'\nconst dLinkPrimary = 'link-primary'\n\nexport type TypographySize = 'sm' | 'base' | 'lg' | 'xl' | '2xl'\nexport type TitleLevel = 1 | 2 | 3 | 4 | 5\n\nexport interface TypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  size?: TypographySize\n}\n\nexport interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'title'> {\n  level?: TitleLevel\n  children: React.ReactNode\n  copyable?: boolean\n  ellipsis?: boolean\n}\n\nexport interface ParagraphProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  ellipsis?: boolean | { rows?: number; expandable?: boolean; onExpand?: () => void }\n  copyable?: boolean\n  size?: TypographySize\n  align?: 'left' | 'center' | 'right'\n}\n\nexport interface TextProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode\n  code?: boolean\n  mark?: boolean\n  strong?: boolean\n  italic?: boolean\n  underline?: boolean\n  delete?: boolean\n  type?: 'default' | 'secondary' | 'success' | 'warning' | 'error'\n  copyable?: boolean\n}\n\nexport interface TypographyLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  href?: string\n  children: React.ReactNode\n  external?: boolean\n  size?: TypographySize\n}\n\nfunction CopyButton({ text }: { text: string }) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error('Failed to copy:', err)\n    }\n  }\n\n  return (\n    <button\n      onClick={handleCopy}\n      className={`${dBtn} ${dBtnGhost} ${dBtnXs} ml-2 opacity-0 group-hover:opacity-100 transition-opacity`}\n      title=\"Copy to clipboard\"\n    >\n      {copied ? (\n        <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path\n            fillRule=\"evenodd\"\n            d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      ) : (\n        <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path d=\"M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z\" />\n          <path d=\"M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z\" />\n        </svg>\n      )}\n    </button>\n  )\n}\n\nfunction TypographyRoot({ children, size = 'base', className = '', ...rest }: TypographyProps) {\n  const sizeClasses = {\n    sm: 'prose-sm text-sm',\n    base: 'prose-base text-base',\n    lg: 'prose-lg text-lg',\n    xl: 'prose-xl text-xl',\n    '2xl': 'prose-2xl text-2xl',\n  }\n\n  const classes = [\n    // Prose classes (only apply if @tailwindcss/typography is installed)\n    'prose dark:prose-invert max-w-none',\n    // Fallback styles (always apply)\n    'text-base-content leading-relaxed',\n    sizeClasses[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n\nfunction Title({ level = 1, children, copyable, ellipsis, className = '', id, ...rest }: TitleProps) {\n  const textContent = typeof children === 'string' ? children : ''\n  const generatedId = id || (textContent ? textContent.toLowerCase().replace(/\\s+/g, '-') : undefined)\n\n  const levelClasses = {\n    1: 'text-4xl font-bold mb-4',\n    2: 'text-3xl font-bold mb-3',\n    3: 'text-2xl font-semibold mb-3',\n    4: 'text-xl font-semibold mb-2',\n    5: 'text-lg font-semibold mb-2',\n  }\n\n  const ellipsisClass = ellipsis ? 'truncate' : ''\n  const classes = `group ${levelClasses[level]} ${ellipsisClass} ${className}`.trim()\n\n  const content = (\n    <>\n      {children}\n      {copyable && <CopyButton text={textContent} />}\n    </>\n  )\n\n  switch (level) {\n    case 1:\n      return <h1 id={generatedId} className={classes} {...rest}>{content}</h1>\n    case 2:\n      return <h2 id={generatedId} className={classes} {...rest}>{content}</h2>\n    case 3:\n      return <h3 id={generatedId} className={classes} {...rest}>{content}</h3>\n    case 4:\n      return <h4 id={generatedId} className={classes} {...rest}>{content}</h4>\n    case 5:\n      return <h5 id={generatedId} className={classes} {...rest}>{content}</h5>\n    default:\n      return <h1 id={generatedId} className={classes} {...rest}>{content}</h1>\n  }\n}\n\nconst lineClampClasses = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n} as const\n\nfunction Paragraph({ children, ellipsis, copyable, size, align, className = '', ...rest }: ParagraphProps) {\n  const [expanded, setExpanded] = useState(false)\n  const textContent = typeof children === 'string' ? children : ''\n\n  const isEllipsisObject = typeof ellipsis === 'object'\n  const rows = isEllipsisObject ? ellipsis.rows || 3 : 3\n  const expandable = isEllipsisObject ? ellipsis.expandable : false\n\n  const clampedRows = Math.min(Math.max(rows, 1), 6) as 1 | 2 | 3 | 4 | 5 | 6\n  const ellipsisClass =\n    ellipsis && !expanded ? lineClampClasses[clampedRows] : ''\n\n  const classes = [\n    'group',\n    'mb-4',\n    ellipsisClass,\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    align === 'left' && 'text-left',\n    align === 'center' && 'text-center',\n    align === 'right' && 'text-right',\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div {...rest}>\n      <p className={classes}>\n        {children}\n        {copyable && <CopyButton text={textContent} />}\n      </p>\n      {expandable && ellipsis && (\n        <button\n          onClick={() => {\n            setExpanded(!expanded)\n            if (isEllipsisObject && ellipsis.onExpand) {\n              ellipsis.onExpand()\n            }\n          }}\n          className=\"text-primary text-sm hover:underline\"\n        >\n          {expanded ? 'Show less' : 'Show more'}\n        </button>\n      )}\n    </div>\n  )\n}\n\nfunction Text({\n  children,\n  code,\n  mark,\n  strong,\n  italic,\n  underline,\n  delete: del,\n  type = 'default',\n  copyable,\n  className = '',\n  ...rest\n}: TextProps) {\n  const textContent = typeof children === 'string' ? children : ''\n\n  const typeClasses = {\n    default: '',\n    secondary: 'text-base-content/70',\n    success: 'text-success',\n    warning: 'text-warning',\n    error: 'text-error',\n  }\n\n  let content = children\n\n  if (code) {\n    content = (\n      <code className=\"px-1.5 py-0.5 bg-base-200 rounded text-sm font-mono\">{content}</code>\n    )\n  }\n\n  if (mark) {\n    content = <mark className=\"bg-warning/30 px-1\">{content}</mark>\n  }\n\n  if (strong) {\n    content = <strong className=\"font-bold\">{content}</strong>\n  }\n\n  if (italic) {\n    content = <em className=\"italic\">{content}</em>\n  }\n\n  if (underline) {\n    content = <u className=\"underline\">{content}</u>\n  }\n\n  if (del) {\n    content = <del className=\"line-through opacity-70\">{content}</del>\n  }\n\n  const classes = `group inline ${typeClasses[type]} ${className}`.trim()\n\n  return (\n    <span className={classes} {...rest}>\n      {content}\n      {copyable && <CopyButton text={textContent} />}\n    </span>\n  )\n}\n\nfunction Link({ href = '#', children, target, external, size, className = '', ...rest }: TypographyLinkProps) {\n  const isExternal = external || (href && href.startsWith('http'))\n  const linkTarget = target || (isExternal ? '_blank' : undefined)\n  const rel = isExternal ? 'noopener noreferrer' : undefined\n\n  const classes = [\n    dLink,\n    dLinkPrimary,\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <a\n      href={href}\n      target={linkTarget}\n      rel={rel}\n      className={classes}\n      {...rest}\n    >\n      {children}\n      {isExternal && (\n        <svg className=\"w-3 h-3 inline-block ml-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path d=\"M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z\" />\n          <path d=\"M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z\" />\n        </svg>\n      )}\n    </a>\n  )\n}\n\nexport const Typography = Object.assign(TypographyRoot, {\n  Title,\n  Paragraph,\n  Text,\n  Link,\n})\n\nexport default Typography\n"],"names":["dBtn","dBtnGhost","dBtnXs","dLink","dLinkPrimary","CopyButton","text","copied","setCopied","useState","jsx","err","jsxs","TypographyRoot","children","size","className","rest","classes","Title","level","copyable","ellipsis","id","textContent","generatedId","levelClasses","ellipsisClass","content","Fragment","lineClampClasses","Paragraph","align","expanded","setExpanded","isEllipsisObject","rows","expandable","clampedRows","Text","code","mark","strong","italic","underline","del","type","typeClasses","Link","href","target","external","isExternal","linkTarget","rel","Typography"],"mappings":"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"}
+{"version":3,"file":"Typography.js","sources":["../../src/components/Typography.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnXs = 'btn-xs'\nconst dLink = 'link'\nconst dLinkPrimary = 'link-primary'\n\nexport type TypographySize = 'sm' | 'base' | 'lg' | 'xl' | '2xl'\nexport type TitleLevel = 1 | 2 | 3 | 4 | 5\n\nexport interface TypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  size?: TypographySize\n  'data-testid'?: string\n}\n\nexport interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'title'> {\n  level?: TitleLevel\n  children: React.ReactNode\n  copyable?: boolean\n  ellipsis?: boolean\n  'data-testid'?: string\n}\n\nexport interface ParagraphProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  ellipsis?: boolean | { rows?: number; expandable?: boolean; onExpand?: () => void }\n  copyable?: boolean\n  size?: TypographySize\n  align?: 'left' | 'center' | 'right'\n  'data-testid'?: string\n}\n\nexport interface TextProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode\n  code?: boolean\n  mark?: boolean\n  strong?: boolean\n  italic?: boolean\n  underline?: boolean\n  delete?: boolean\n  type?: 'default' | 'secondary' | 'success' | 'warning' | 'error'\n  copyable?: boolean\n  'data-testid'?: string\n}\n\nexport interface TypographyLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  href?: string\n  children: React.ReactNode\n  external?: boolean\n  size?: TypographySize\n  'data-testid'?: string\n}\n\nfunction CopyButton({ text, 'data-testid': testId }: { text: string; 'data-testid'?: string }) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error('Failed to copy:', err)\n    }\n  }\n\n  return (\n    <button\n      onClick={handleCopy}\n      className={`${dBtn} ${dBtnGhost} ${dBtnXs} ml-2 opacity-0 group-hover:opacity-100 transition-opacity`}\n      title=\"Copy to clipboard\"\n      data-testid={testId}\n    >\n      {copied ? (\n        <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path\n            fillRule=\"evenodd\"\n            d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      ) : (\n        <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path d=\"M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z\" />\n          <path d=\"M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z\" />\n        </svg>\n      )}\n    </button>\n  )\n}\n\nfunction TypographyRoot({ children, size = 'base', className = '', 'data-testid': testId, ...rest }: TypographyProps) {\n  const sizeClasses = {\n    sm: 'prose-sm text-sm',\n    base: 'prose-base text-base',\n    lg: 'prose-lg text-lg',\n    xl: 'prose-xl text-xl',\n    '2xl': 'prose-2xl text-2xl',\n  }\n\n  const classes = [\n    // Prose classes (only apply if @tailwindcss/typography is installed)\n    'prose dark:prose-invert max-w-none',\n    // Fallback styles (always apply)\n    'text-base-content leading-relaxed',\n    sizeClasses[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} data-testid={testId} {...rest}>{children}</div>\n}\n\nfunction Title({ level = 1, children, copyable, ellipsis, className = '', id, 'data-testid': testId, ...rest }: TitleProps) {\n  const textContent = typeof children === 'string' ? children : ''\n  const generatedId = id || (textContent ? textContent.toLowerCase().replace(/\\s+/g, '-') : undefined)\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  const levelClasses = {\n    1: 'text-4xl font-bold mb-4',\n    2: 'text-3xl font-bold mb-3',\n    3: 'text-2xl font-semibold mb-3',\n    4: 'text-xl font-semibold mb-2',\n    5: 'text-lg font-semibold mb-2',\n  }\n\n  const ellipsisClass = ellipsis ? 'truncate' : ''\n  const classes = `group ${levelClasses[level]} ${ellipsisClass} ${className}`.trim()\n\n  const content = (\n    <>\n      {children}\n      {copyable && <CopyButton text={textContent} data-testid={getTestId('copy')} />}\n    </>\n  )\n\n  switch (level) {\n    case 1:\n      return <h1 id={generatedId} className={classes} data-testid={testId} {...rest}>{content}</h1>\n    case 2:\n      return <h2 id={generatedId} className={classes} data-testid={testId} {...rest}>{content}</h2>\n    case 3:\n      return <h3 id={generatedId} className={classes} data-testid={testId} {...rest}>{content}</h3>\n    case 4:\n      return <h4 id={generatedId} className={classes} data-testid={testId} {...rest}>{content}</h4>\n    case 5:\n      return <h5 id={generatedId} className={classes} data-testid={testId} {...rest}>{content}</h5>\n    default:\n      return <h1 id={generatedId} className={classes} data-testid={testId} {...rest}>{content}</h1>\n  }\n}\n\nconst lineClampClasses = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n} as const\n\nfunction Paragraph({ children, ellipsis, copyable, size, align, className = '', 'data-testid': testId, ...rest }: ParagraphProps) {\n  const [expanded, setExpanded] = useState(false)\n  const textContent = typeof children === 'string' ? children : ''\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  const isEllipsisObject = typeof ellipsis === 'object'\n  const rows = isEllipsisObject ? ellipsis.rows || 3 : 3\n  const expandable = isEllipsisObject ? ellipsis.expandable : false\n\n  const clampedRows = Math.min(Math.max(rows, 1), 6) as 1 | 2 | 3 | 4 | 5 | 6\n  const ellipsisClass =\n    ellipsis && !expanded ? lineClampClasses[clampedRows] : ''\n\n  const classes = [\n    'group',\n    'mb-4',\n    ellipsisClass,\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    align === 'left' && 'text-left',\n    align === 'center' && 'text-center',\n    align === 'right' && 'text-right',\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div data-testid={testId} {...rest}>\n      <p className={classes} data-testid={getTestId('text')}>\n        {children}\n        {copyable && <CopyButton text={textContent} data-testid={getTestId('copy')} />}\n      </p>\n      {expandable && ellipsis && (\n        <button\n          onClick={() => {\n            setExpanded(!expanded)\n            if (isEllipsisObject && ellipsis.onExpand) {\n              ellipsis.onExpand()\n            }\n          }}\n          className=\"text-primary text-sm hover:underline\"\n        >\n          {expanded ? 'Show less' : 'Show more'}\n        </button>\n      )}\n    </div>\n  )\n}\n\nfunction Text({\n  children,\n  code,\n  mark,\n  strong,\n  italic,\n  underline,\n  delete: del,\n  type = 'default',\n  copyable,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}: TextProps) {\n  const textContent = typeof children === 'string' ? children : ''\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  const typeClasses = {\n    default: '',\n    secondary: 'text-base-content/70',\n    success: 'text-success',\n    warning: 'text-warning',\n    error: 'text-error',\n  }\n\n  let content = children\n\n  if (code) {\n    content = (\n      <code className=\"px-1.5 py-0.5 bg-base-200 rounded text-sm font-mono\">{content}</code>\n    )\n  }\n\n  if (mark) {\n    content = <mark className=\"bg-warning/30 px-1\">{content}</mark>\n  }\n\n  if (strong) {\n    content = <strong className=\"font-bold\">{content}</strong>\n  }\n\n  if (italic) {\n    content = <em className=\"italic\">{content}</em>\n  }\n\n  if (underline) {\n    content = <u className=\"underline\">{content}</u>\n  }\n\n  if (del) {\n    content = <del className=\"line-through opacity-70\">{content}</del>\n  }\n\n  const classes = `group inline ${typeClasses[type]} ${className}`.trim()\n\n  return (\n    <span className={classes} data-testid={testId} {...rest}>\n      {content}\n      {copyable && <CopyButton text={textContent} data-testid={getTestId('copy')} />}\n    </span>\n  )\n}\n\nfunction Link({ href = '#', children, target, external, size, className = '', 'data-testid': testId, ...rest }: TypographyLinkProps) {\n  const isExternal = external || (href && href.startsWith('http'))\n  const linkTarget = target || (isExternal ? '_blank' : undefined)\n  const rel = isExternal ? 'noopener noreferrer' : undefined\n\n  const classes = [\n    dLink,\n    dLinkPrimary,\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <a\n      href={href}\n      target={linkTarget}\n      rel={rel}\n      className={classes}\n      data-testid={testId}\n      {...rest}\n    >\n      {children}\n      {isExternal && (\n        <svg className=\"w-3 h-3 inline-block ml-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path d=\"M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z\" />\n          <path d=\"M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z\" />\n        </svg>\n      )}\n    </a>\n  )\n}\n\nexport const Typography = Object.assign(TypographyRoot, {\n  Title,\n  Paragraph,\n  Text,\n  Link,\n})\n\nexport default Typography\n"],"names":["dBtn","dBtnGhost","dBtnXs","dLink","dLinkPrimary","CopyButton","text","testId","copied","setCopied","useState","jsx","err","jsxs","TypographyRoot","children","size","className","rest","classes","Title","level","copyable","ellipsis","id","textContent","generatedId","getTestId","suffix","levelClasses","ellipsisClass","content","Fragment","lineClampClasses","Paragraph","align","expanded","setExpanded","isEllipsisObject","rows","expandable","clampedRows","Text","code","mark","strong","italic","underline","del","type","typeClasses","Link","href","target","external","isExternal","linkTarget","rel","Typography"],"mappings":";;AAGA,MAAMA,IAAO,OACPC,IAAY,aACZC,IAAS,UACTC,IAAQ,QACRC,IAAe;AAiDrB,SAASC,EAAW,EAAE,MAAAC,GAAM,eAAeC,KAAoD;AAC7F,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAY1C,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAZe,YAAY;AAC7B,YAAI;AACF,gBAAM,UAAU,UAAU,UAAUL,CAAI,GACxCG,EAAU,EAAI,GACd,WAAW,MAAMA,EAAU,EAAK,GAAG,GAAI;AAAA,QACzC,SAASG,GAAK;AACZ,kBAAQ,MAAM,mBAAmBA,CAAG;AAAA,QACtC;AAAA,MACF;AAAA,MAKI,WAAW,GAAGZ,CAAI,IAAIC,CAAS,IAAIC,CAAM;AAAA,MACzC,OAAM;AAAA,MACN,eAAaK;AAAA,MAEZ,UAAAC,sBACE,OAAA,EAAI,WAAU,WAAU,MAAK,gBAAe,SAAQ,aACnD,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,GAAE;AAAA,UACF,UAAS;AAAA,QAAA;AAAA,MAAA,EACX,CACF,IAEA,gBAAAE,EAAC,OAAA,EAAI,WAAU,WAAU,MAAK,gBAAe,SAAQ,aACnD,UAAA;AAAA,QAAA,gBAAAF,EAAC,QAAA,EAAK,GAAE,iDAAA,CAAiD;AAAA,QACzD,gBAAAA,EAAC,QAAA,EAAK,GAAE,6FAAA,CAA6F;AAAA,MAAA,EAAA,CACvG;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAASG,EAAe,EAAE,UAAAC,GAAU,MAAAC,IAAO,QAAQ,WAAAC,IAAY,IAAI,eAAeV,GAAQ,GAAGW,KAAyB;AASpH,QAAMC,IAAU;AAAA;AAAA,IAEd;AAAA;AAAA,IAEA;AAAA,IAZkB;AAAA,MAClB,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA,EAQKH,CAAI;AAAA,IAChBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAO,gBAAAN,EAAC,SAAI,WAAWQ,GAAS,eAAaZ,GAAS,GAAGW,GAAO,UAAAH,GAAS;AAC3E;AAEA,SAASK,EAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAN,GAAU,UAAAO,GAAU,UAAAC,GAAU,WAAAN,IAAY,IAAI,IAAAO,GAAI,eAAejB,GAAQ,GAAGW,KAAoB;AAC1H,QAAMO,IAAc,OAAOV,KAAa,WAAWA,IAAW,IACxDW,IAAcF,MAAOC,IAAcA,EAAY,cAAc,QAAQ,QAAQ,GAAG,IAAI,SACpFE,IAAY,CAACC,MAAoBrB,IAAS,GAAGA,CAAM,IAAIqB,CAAM,KAAK,QAElEC,IAAe;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EAAA,GAGCC,IAAgBP,IAAW,aAAa,IACxCJ,IAAU,SAASU,EAAaR,CAAK,CAAC,IAAIS,CAAa,IAAIb,CAAS,GAAG,KAAA,GAEvEc,IACJ,gBAAAlB,EAAAmB,GAAA,EACG,UAAA;AAAA,IAAAjB;AAAA,IACAO,uBAAajB,GAAA,EAAW,MAAMoB,GAAa,eAAaE,EAAU,MAAM,EAAA,CAAG;AAAA,EAAA,GAC9E;AAGF,UAAQN,GAAA;AAAA,IACN,KAAK;AACH,aAAO,gBAAAV,EAAC,MAAA,EAAG,IAAIe,GAAa,WAAWP,GAAS,eAAaZ,GAAS,GAAGW,GAAO,UAAAa,EAAA,CAAQ;AAAA,IAC1F,KAAK;AACH,aAAO,gBAAApB,EAAC,MAAA,EAAG,IAAIe,GAAa,WAAWP,GAAS,eAAaZ,GAAS,GAAGW,GAAO,UAAAa,EAAA,CAAQ;AAAA,IAC1F,KAAK;AACH,aAAO,gBAAApB,EAAC,MAAA,EAAG,IAAIe,GAAa,WAAWP,GAAS,eAAaZ,GAAS,GAAGW,GAAO,UAAAa,EAAA,CAAQ;AAAA,IAC1F,KAAK;AACH,aAAO,gBAAApB,EAAC,MAAA,EAAG,IAAIe,GAAa,WAAWP,GAAS,eAAaZ,GAAS,GAAGW,GAAO,UAAAa,EAAA,CAAQ;AAAA,IAC1F,KAAK;AACH,aAAO,gBAAApB,EAAC,MAAA,EAAG,IAAIe,GAAa,WAAWP,GAAS,eAAaZ,GAAS,GAAGW,GAAO,UAAAa,EAAA,CAAQ;AAAA,IAC1F;AACE,aAAO,gBAAApB,EAAC,MAAA,EAAG,IAAIe,GAAa,WAAWP,GAAS,eAAaZ,GAAS,GAAGW,GAAO,UAAAa,EAAA,CAAQ;AAAA,EAAA;AAE9F;AAEA,MAAME,IAAmB;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,SAASC,EAAU,EAAE,UAAAnB,GAAU,UAAAQ,GAAU,UAAAD,GAAU,MAAAN,GAAM,OAAAmB,GAAO,WAAAlB,IAAY,IAAI,eAAeV,GAAQ,GAAGW,KAAwB;AAChI,QAAM,CAACkB,GAAUC,CAAW,IAAI3B,EAAS,EAAK,GACxCe,IAAc,OAAOV,KAAa,WAAWA,IAAW,IACxDY,IAAY,CAACC,MAAoBrB,IAAS,GAAGA,CAAM,IAAIqB,CAAM,KAAK,QAElEU,IAAmB,OAAOf,KAAa,UACvCgB,IAAOD,KAAmBf,EAAS,QAAQ,GAC3CiB,IAAaF,IAAmBf,EAAS,aAAa,IAEtDkB,IAAc,KAAK,IAAI,KAAK,IAAIF,GAAM,CAAC,GAAG,CAAC,GAI3CpB,IAAU;AAAA,IACd;AAAA,IACA;AAAA,IAJAI,KAAY,CAACa,IAAWH,EAAiBQ,CAAW,IAAI;AAAA,IAMxDzB,MAAS,QAAQ;AAAA,IACjBA,MAAS,UAAU;AAAA,IACnBA,MAAS,QAAQ;AAAA,IACjBA,MAAS,QAAQ;AAAA,IACjBA,MAAS,SAAS;AAAA,IAClBmB,MAAU,UAAU;AAAA,IACpBA,MAAU,YAAY;AAAA,IACtBA,MAAU,WAAW;AAAA,IACrBlB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAAJ,EAAC,OAAA,EAAI,eAAaN,GAAS,GAAGW,GAC5B,UAAA;AAAA,IAAA,gBAAAL,EAAC,OAAE,WAAWM,GAAS,eAAaQ,EAAU,MAAM,GACjD,UAAA;AAAA,MAAAZ;AAAA,MACAO,uBAAajB,GAAA,EAAW,MAAMoB,GAAa,eAAaE,EAAU,MAAM,EAAA,CAAG;AAAA,IAAA,GAC9E;AAAA,IACCa,KAAcjB,KACb,gBAAAZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAA0B,EAAY,CAACD,CAAQ,GACjBE,KAAoBf,EAAS,YAC/BA,EAAS,SAAA;AAAA,QAEb;AAAA,QACA,WAAU;AAAA,QAET,cAAW,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5B,GAEJ;AAEJ;AAEA,SAASmB,EAAK;AAAA,EACZ,UAAA3B;AAAA,EACA,MAAA4B;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAQC;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,UAAA3B;AAAA,EACA,WAAAL,IAAY;AAAA,EACZ,eAAeV;AAAA,EACf,GAAGW;AACL,GAAc;AACZ,QAAMO,IAAc,OAAOV,KAAa,WAAWA,IAAW,IACxDY,IAAY,CAACC,MAAoBrB,IAAS,GAAGA,CAAM,IAAIqB,CAAM,KAAK,QAElEsB,IAAc;AAAA,IAClB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAGT,MAAInB,IAAUhB;AAEd,EAAI4B,MACFZ,IACE,gBAAApB,EAAC,QAAA,EAAK,WAAU,uDAAuD,UAAAoB,GAAQ,IAI/Ea,MACFb,IAAU,gBAAApB,EAAC,QAAA,EAAK,WAAU,sBAAsB,UAAAoB,GAAQ,IAGtDc,MACFd,IAAU,gBAAApB,EAAC,UAAA,EAAO,WAAU,aAAa,UAAAoB,GAAQ,IAG/Ce,MACFf,IAAU,gBAAApB,EAAC,MAAA,EAAG,WAAU,UAAU,UAAAoB,GAAQ,IAGxCgB,MACFhB,IAAU,gBAAApB,EAAC,KAAA,EAAE,WAAU,aAAa,UAAAoB,GAAQ,IAG1CiB,MACFjB,IAAU,gBAAApB,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAoB,GAAQ;AAG9D,QAAMZ,IAAU,gBAAgB+B,EAAYD,CAAI,CAAC,IAAIhC,CAAS,GAAG,KAAA;AAEjE,2BACG,QAAA,EAAK,WAAWE,GAAS,eAAaZ,GAAS,GAAGW,GAChD,UAAA;AAAA,IAAAa;AAAA,IACAT,uBAAajB,GAAA,EAAW,MAAMoB,GAAa,eAAaE,EAAU,MAAM,EAAA,CAAG;AAAA,EAAA,GAC9E;AAEJ;AAEA,SAASwB,EAAK,EAAE,MAAAC,IAAO,KAAK,UAAArC,GAAU,QAAAsC,GAAQ,UAAAC,GAAU,MAAAtC,GAAM,WAAAC,IAAY,IAAI,eAAeV,GAAQ,GAAGW,KAA6B;AACnI,QAAMqC,IAAaD,KAAaF,KAAQA,EAAK,WAAW,MAAM,GACxDI,IAAaH,MAAWE,IAAa,WAAW,SAChDE,IAAMF,IAAa,wBAAwB,QAE3CpC,IAAU;AAAA,IACdhB;AAAA,IACAC;AAAA,IACAY,MAAS,QAAQ;AAAA,IACjBA,MAAS,UAAU;AAAA,IACnBA,MAAS,QAAQ;AAAA,IACjBA,MAAS,QAAQ;AAAA,IACjBA,MAAS,SAAS;AAAA,IAClBC;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAuC;AAAA,MACA,QAAQI;AAAA,MACR,KAAAC;AAAA,MACA,WAAWtC;AAAA,MACX,eAAaZ;AAAA,MACZ,GAAGW;AAAA,MAEH,UAAA;AAAA,QAAAH;AAAA,QACAwC,uBACE,OAAA,EAAI,WAAU,6BAA4B,MAAK,gBAAe,SAAQ,aACrE,UAAA;AAAA,UAAA,gBAAA5C,EAAC,QAAA,EAAK,GAAE,qGAAA,CAAqG;AAAA,UAC7G,gBAAAA,EAAC,QAAA,EAAK,GAAE,uFAAA,CAAuF;AAAA,QAAA,EAAA,CACjG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEO,MAAM+C,IAAa,OAAO,OAAO5C,GAAgB;AAAA,EACtD,OAAAM;AAAA,EACA,WAAAc;AAAA,EACA,MAAAQ;AAAA,EACA,MAAAS;AACF,CAAC;"}

package/dist/components/VirtualList.d.ts

@@ -22,8 +22,9 @@ export interface VirtualListProps<T> {
     gap?: number;
     /** Callback when scroll position changes */
     onScroll?: (scrollTop: number) => void;
+    'data-testid'?: string;
 }
-export declare function VirtualList<T>({ items, height, itemHeight, renderItem, overscan, className, innerClassName, itemClassName, width, gap, onScroll, }: VirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function VirtualList<T>({ items, height, itemHeight, renderItem, overscan, className, innerClassName, itemClassName, width, gap, onScroll, 'data-testid': testId, }: VirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace VirtualList {
     var displayName: string;
 }

package/dist/components/VirtualList.js

@@ -1,59 +1,63 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { useRef as o } from "react";
-import { useVirtualizer as S } from "@tanstack/react-virtual";
-function N({
+import { useVirtualizer as N } from "@tanstack/react-virtual";
+function R({
   items: e,
-  height: u,
-  itemHeight: i,
-  renderItem: d,
-  overscan: f = 5,
-  className: h = "",
-  innerClassName: p = "",
-  itemClassName: m = "",
-  width: g,
-  gap: s = 0,
-  onScroll: x
+  height: f,
+  itemHeight: s,
+  renderItem: h,
+  overscan: p = 5,
+  className: m = "",
+  innerClassName: g = "",
+  itemClassName: x = "",
+  width: y,
+  gap: a = 0,
+  onScroll: z,
+  "data-testid": n
 }) {
-  const l = o(null), r = o(i), c = o(e);
-  r.current = i, c.current = e;
-  const a = S({
+  const c = o(null), r = o(s), l = o(e);
+  r.current = s, l.current = e;
+  const d = N({
     count: e.length,
-    getScrollElement: () => l.current,
-    estimateSize: (t) => (typeof r.current == "function" ? r.current(c.current[t], t) : r.current) + s,
-    overscan: f
-  }), y = a.getVirtualItems(), z = (t) => {
-    x?.(t.currentTarget.scrollTop);
-  };
-  return /* @__PURE__ */ n(
+    getScrollElement: () => c.current,
+    estimateSize: (t) => (typeof r.current == "function" ? r.current(l.current[t], t) : r.current) + a,
+    overscan: p
+  }), S = d.getVirtualItems(), $ = (t) => {
+    z?.(t.currentTarget.scrollTop);
+  }, u = (t) => n ? `${n}-${t}` : void 0;
+  return /* @__PURE__ */ i(
     "div",
     {
-      ref: l,
-      className: `overflow-auto ${h}`,
-      style: { height: u, width: g },
-      onScroll: z,
-      children: /* @__PURE__ */ n(
+      ref: c,
+      className: `overflow-auto ${m}`,
+      style: { height: f, width: y },
+      onScroll: $,
+      "data-testid": n,
+      children: /* @__PURE__ */ i(
         "div",
         {
-          className: p,
+          className: g,
           style: {
-            height: a.getTotalSize(),
+            height: d.getTotalSize(),
             width: "100%",
             position: "relative"
           },
-          children: y.map((t) => /* @__PURE__ */ n(
+          "data-testid": u("inner"),
+          children: S.map((t) => /* @__PURE__ */ i(
             "div",
             {
-              className: m,
+              className: x,
               "data-index": t.index,
               style: {
                 position: "absolute",
                 top: 0,
                 left: 0,
                 width: "100%",
-                height: t.size - s,
+                height: t.size - a,
                 transform: `translateY(${t.start}px)`
               },
-              children: d(e[t.index], t.index)
+              "data-testid": u(`item-${t.index}`),
+              children: h(e[t.index], t.index)
             },
             t.key
           ))
@@ -62,8 +66,8 @@ function N({
     }
   );
 }
-N.displayName = "VirtualList";
+R.displayName = "VirtualList";
 export {
-  N as VirtualList
+  R as VirtualList
 };
 //# sourceMappingURL=VirtualList.js.map