asterui 0.12.62 → 0.12.64

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,42 +1,44 @@
-import { jsxs as C, jsx as t } from "react/jsx-runtime";
-import { useId as m } from "react";
-const B = "chat", f = "chat-start", p = "chat-end", v = "chat-image", y = "chat-header", N = "chat-bubble", g = "chat-bubble-primary", $ = "chat-bubble-secondary", I = "chat-bubble-accent", j = "chat-bubble-neutral", w = "chat-bubble-info", x = "chat-bubble-success", S = "chat-bubble-warning", A = "chat-bubble-error", E = "chat-footer", F = "avatar", W = ({
-  message: l,
-  position: d = "start",
-  avatar: s,
-  avatarAlt: o = "",
-  header: a,
-  footer: e,
-  color: c,
-  className: h = "",
-  ...i
+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 b = m(), u = d === "start" ? f : p, n = {
-    primary: g,
-    secondary: $,
+  const n = f(), m = h === "start" ? p : y, a = (v) => c ? `${c}-${v}` : void 0, r = {
+    primary: w,
+    secondary: x,
     accent: I,
-    neutral: j,
-    info: w,
-    success: x,
-    warning: S,
-    error: A
-  }, r = [N];
-  return c && n[c] && r.push(n[c]), /* @__PURE__ */ C(
+    neutral: S,
+    info: A,
+    success: E,
+    warning: F,
+    error: H
+  }, l = [j];
+  return s && r[s] && l.push(r[s]), /* @__PURE__ */ B(
     "article",
     {
-      className: `${B} ${u} ${h}`,
-      "aria-labelledby": a ? b : void 0,
-      ...i,
+      className: `${g} ${m} ${u}`,
+      "aria-labelledby": e ? n : void 0,
+      "data-testid": c,
+      ...C,
       children: [
-        s && /* @__PURE__ */ t("div", { className: `${v} ${F}`, children: /* @__PURE__ */ t("div", { className: "w-10 rounded-full", children: /* @__PURE__ */ t("img", { alt: o, src: s }) }) }),
-        a && /* @__PURE__ */ t("div", { id: b, className: y, children: a }),
-        /* @__PURE__ */ t("div", { className: r.join(" "), children: l }),
-        e && /* @__PURE__ */ t("div", { className: E, children: e })
+        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 {
-  W 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, { 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}\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 headerId = useId()\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    <article\n      className={`${dChat} ${positionClass} ${className}`}\n      aria-labelledby={header ? headerId : undefined}\n      {...rest}\n    >\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 id={headerId} className={dChatHeader}>{header}</div>}\n      <div className={bubbleClasses.join(' ')}>{message}</div>\n      {footer && <div className={dChatFooter}>{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","rest","headerId","useId","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,IAAWC,EAAA,GACXC,IAAgBV,MAAa,UAAUjB,IAAaC,GAEpD2B,IAAuC;AAAA,IAC3C,SAASvB;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,GAGHiB,IAAgB,CAACzB,CAAW;AAClC,SAAIkB,KAASM,EAAaN,CAAK,KAC7BO,EAAc,KAAKD,EAAaN,CAAK,CAAC,GAItC,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG/B,CAAK,IAAI4B,CAAa,IAAIJ,CAAS;AAAA,MACjD,mBAAiBH,IAASK,IAAW;AAAA,MACpC,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAN,uBACE,OAAA,EAAI,WAAW,GAAGhB,CAAU,IAAIY,CAAO,IACtC,UAAA,gBAAAiB,EAAC,SAAI,WAAU,qBACb,4BAAC,OAAA,EAAI,KAAKZ,GAAW,KAAKD,GAAQ,GACpC,EAAA,CACF;AAAA,QAEDE,KAAU,gBAAAW,EAAC,OAAA,EAAI,IAAIN,GAAU,WAAWtB,GAAc,UAAAiB,GAAO;AAAA,0BAC7D,OAAA,EAAI,WAAWS,EAAc,KAAK,GAAG,GAAI,UAAAb,GAAQ;AAAA,QACjDK,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAWlB,GAAc,UAAAQ,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGtD;"}
+{"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/Collapse.js

@@ -1,106 +1,108 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { forwardRef as h, useState as P } from "react";
-const T = "collapse", $ = "collapse-arrow", z = "collapse-plus", B = "collapse-open", E = "collapse-close", k = "collapse-arrow-end", R = "collapse-title", S = "collapse-content", q = {
+import { jsx as d, jsxs as A } from "react/jsx-runtime";
+import { forwardRef as g, useState as I, useId as D } from "react";
+const P = "collapse", T = "collapse-arrow", z = "collapse-plus", B = "collapse-open", E = "collapse-close", k = "collapse-arrow-end", R = "collapse-title", S = "collapse-content", q = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-lg"
-}, A = h(({ item: l, isOpen: s, onToggle: C, icon: c, expandIconPlacement: d, bordered: i, ghost: p, size: b, testId: f }, v) => {
-  const o = l.collapsible === "disabled", m = [
-    T,
+}, N = g(({ item: l, isOpen: s, onToggle: w, icon: c, expandIconPlacement: i, bordered: p, ghost: f, size: m, testId: u }, x) => {
+  const o = l.collapsible === "disabled", h = [
+    P,
     {
-      arrow: $,
+      arrow: T,
       plus: z,
       none: ""
     }[c],
     s ? B : E,
-    !p && "bg-base-200",
-    p && "bg-transparent",
-    i && "border border-base-300",
-    d === "end" && c !== "none" && k,
-    q[b],
+    !f && "bg-base-200",
+    f && "bg-transparent",
+    p && "border border-base-300",
+    i === "end" && c !== "none" && k,
+    q[m],
     o && "opacity-50 cursor-not-allowed",
     l.className
-  ].filter(Boolean).join(" "), u = () => {
-    o || C();
-  };
-  return /* @__PURE__ */ y(
+  ].filter(Boolean).join(" "), C = () => {
+    o || w();
+  }, n = D(), b = `${n}-header`, v = `${n}-content`;
+  return /* @__PURE__ */ A(
     "div",
     {
-      ref: v,
-      className: m,
-      "data-testid": f ? `${f}-panel-${l.key}` : void 0,
+      ref: x,
+      className: h,
+      "data-testid": u ? `${u}-panel-${l.key}` : void 0,
       "data-state": s ? "open" : "closed",
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ A(
           "div",
           {
+            id: b,
             className: `${R} font-medium flex items-center justify-between cursor-pointer`,
-            onClick: u,
+            onClick: C,
             role: "button",
             tabIndex: o ? -1 : 0,
             onKeyDown: (a) => {
-              (a.key === "Enter" || a.key === " ") && (a.preventDefault(), u());
+              (a.key === "Enter" || a.key === " ") && (a.preventDefault(), C());
             },
             "aria-expanded": s,
             "aria-disabled": o,
+            "aria-controls": v,
             children: [
-              /* @__PURE__ */ t("span", { children: l.label }),
-              l.extra && /* @__PURE__ */ t("span", { className: "ml-auto mr-6", children: l.extra })
+              /* @__PURE__ */ d("span", { children: l.label }),
+              l.extra && /* @__PURE__ */ d("span", { className: "ml-auto mr-6", children: l.extra })
             ]
           }
         ),
-        /* @__PURE__ */ t("div", { className: S, children: l.children })
+        /* @__PURE__ */ d("div", { id: v, className: S, role: "region", "aria-labelledby": b, children: l.children })
       ]
     }
   );
 });
-A.displayName = "CollapsePanel";
-const F = h(
+N.displayName = "CollapsePanel";
+const F = g(
   ({
     items: l = [],
     activeKey: s,
-    defaultActiveKey: C,
+    defaultActiveKey: w,
     accordion: c = !1,
-    bordered: d = !0,
-    ghost: i = !1,
-    size: p = "md",
-    icon: b = "arrow",
-    expandIconPlacement: f = "start",
-    onChange: v,
+    bordered: i = !0,
+    ghost: p = !1,
+    size: f = "md",
+    icon: m = "arrow",
+    expandIconPlacement: u = "start",
+    onChange: x,
     className: o = "",
-    "data-testid": w = "collapse",
-    ...m
-  }, u) => {
-    const a = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], [N, g] = P(
-      () => a(C)
-    ), x = s !== void 0, n = x ? a(s) : N, j = (e) => {
-      let r;
-      c ? r = n.includes(e) ? [] : [e] : n.includes(e) ? r = n.filter((D) => D !== e) : r = [...n, e], x || g(r), v?.(r);
+    "data-testid": y = "collapse",
+    ...h
+  }, C) => {
+    const n = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], [b, v] = I(
+      () => n(w)
+    ), a = s !== void 0, r = a ? n(s) : b, j = (e) => {
+      let t;
+      c ? t = r.includes(e) ? [] : [e] : r.includes(e) ? t = r.filter(($) => $ !== e) : t = [...r, e], a || v(t), x?.(t);
     }, K = [
       "flex flex-col",
-      d && !i && "divide-y divide-base-300",
-      d && "border border-base-300 rounded-lg overflow-hidden",
+      i && !p && "divide-y divide-base-300",
+      i && "border border-base-300 rounded-lg overflow-hidden",
       o
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ d(
       "div",
       {
-        ref: u,
+        ref: C,
         className: K,
-        "data-testid": w,
-        ...m,
-        children: l.map((e) => /* @__PURE__ */ t(
-          A,
+        "data-testid": y,
+        ...h,
+        children: l.map((e) => /* @__PURE__ */ d(
+          N,
           {
             item: e,
-            isOpen: n.includes(e.key),
+            isOpen: r.includes(e.key),
             onToggle: () => j(e.key),
-            icon: e.showArrow === !1 ? "none" : b,
-            expandIconPlacement: f,
+            icon: e.showArrow === !1 ? "none" : m,
+            expandIconPlacement: u,
             bordered: !1,
-            ghost: i,
-            size: p,
-            testId: w
+            ghost: p,
+            size: f,
+            testId: y
           },
           e.key
         ))

package/dist/components/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","sources":["../../src/components/Collapse.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react'\n\n// DaisyUI classes\nconst dCollapse = 'collapse'\nconst dCollapseArrow = 'collapse-arrow'\nconst dCollapsePlus = 'collapse-plus'\nconst dCollapseOpen = 'collapse-open'\nconst dCollapseClose = 'collapse-close'\nconst dCollapseArrowEnd = 'collapse-arrow-end'\nconst dCollapseTitle = 'collapse-title'\nconst dCollapseContent = 'collapse-content'\n\nexport type CollapseSize = 'sm' | 'md' | 'lg'\nexport type CollapseIconPosition = 'start' | 'end'\nexport type CollapseCollapsible = 'header' | 'icon' | 'disabled'\n\nexport interface CollapseItemType {\n  /** Unique key for the panel */\n  key: string | number\n  /** Panel header/label */\n  label: React.ReactNode\n  /** Panel content */\n  children: React.ReactNode\n  /** Extra element in the corner */\n  extra?: React.ReactNode\n  /** Whether to show the arrow icon */\n  showArrow?: boolean\n  /** Collapsible mode for this panel */\n  collapsible?: CollapseCollapsible\n  /** Custom class name for this panel */\n  className?: string\n}\n\nexport interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Collapse items */\n  items?: CollapseItemType[]\n  /** Currently active panel keys (controlled) */\n  activeKey?: string | number | (string | number)[]\n  /** Default active panel keys (uncontrolled) */\n  defaultActiveKey?: string | number | (string | number)[]\n  /** Accordion mode - only one panel open at a time */\n  accordion?: boolean\n  /** Show border around panels */\n  bordered?: boolean\n  /** Ghost mode - transparent background */\n  ghost?: boolean\n  /** Size variant */\n  size?: CollapseSize\n  /** Icon type */\n  icon?: 'arrow' | 'plus' | 'none'\n  /** Icon placement */\n  expandIconPlacement?: CollapseIconPosition\n  /** Callback when panels change */\n  onChange?: (activeKey: (string | number)[]) => void\n  /** Test ID */\n  'data-testid'?: string\n}\n\nconst sizeClasses: Record<CollapseSize, string> = {\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n}\n\nconst CollapsePanel = forwardRef<\n  HTMLDivElement,\n  {\n    item: CollapseItemType\n    isOpen: boolean\n    onToggle: () => void\n    icon: 'arrow' | 'plus' | 'none'\n    expandIconPlacement: CollapseIconPosition\n    bordered: boolean\n    ghost: boolean\n    size: CollapseSize\n    testId?: string\n  }\n>(({ item, isOpen, onToggle, icon, expandIconPlacement, bordered, ghost, size, testId }, ref) => {\n  const isDisabled = item.collapsible === 'disabled'\n\n  const iconClasses = {\n    arrow: dCollapseArrow,\n    plus: dCollapsePlus,\n    none: '',\n  }\n\n  const panelClasses = [\n    dCollapse,\n    iconClasses[icon],\n    isOpen ? dCollapseOpen : dCollapseClose,\n    !ghost && 'bg-base-200',\n    ghost && 'bg-transparent',\n    bordered && 'border border-base-300',\n    expandIconPlacement === 'end' && icon !== 'none' && dCollapseArrowEnd,\n    sizeClasses[size],\n    isDisabled && 'opacity-50 cursor-not-allowed',\n    item.className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = () => {\n    if (!isDisabled) {\n      onToggle()\n    }\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={panelClasses}\n      data-testid={testId ? `${testId}-panel-${item.key}` : undefined}\n      data-state={isOpen ? 'open' : 'closed'}\n    >\n      <div\n        className={`${dCollapseTitle} font-medium flex items-center justify-between cursor-pointer`}\n        onClick={handleClick}\n        role=\"button\"\n        tabIndex={isDisabled ? -1 : 0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            handleClick()\n          }\n        }}\n        aria-expanded={isOpen}\n        aria-disabled={isDisabled}\n      >\n        <span>{item.label}</span>\n        {item.extra && <span className=\"ml-auto mr-6\">{item.extra}</span>}\n      </div>\n      <div className={dCollapseContent}>\n        {item.children}\n      </div>\n    </div>\n  )\n})\n\nCollapsePanel.displayName = 'CollapsePanel'\n\nexport const Collapse = forwardRef<HTMLDivElement, CollapseProps>(\n  (\n    {\n      items = [],\n      activeKey,\n      defaultActiveKey,\n      accordion = false,\n      bordered = true,\n      ghost = false,\n      size = 'md',\n      icon = 'arrow',\n      expandIconPlacement = 'start',\n      onChange,\n      className = '',\n      'data-testid': testId = 'collapse',\n      ...rest\n    },\n    ref\n  ) => {\n    // Normalize keys to array\n    const normalizeKeys = (keys: string | number | (string | number)[] | undefined): (string | number)[] => {\n      if (keys === undefined) return []\n      if (Array.isArray(keys)) return keys\n      return [keys]\n    }\n\n    const [internalActiveKeys, setInternalActiveKeys] = useState<(string | number)[]>(\n      () => normalizeKeys(defaultActiveKey)\n    )\n\n    const isControlled = activeKey !== undefined\n    const currentActiveKeys = isControlled ? normalizeKeys(activeKey) : internalActiveKeys\n\n    const handleToggle = (key: string | number) => {\n      let newActiveKeys: (string | number)[]\n\n      if (accordion) {\n        // In accordion mode, only one can be open\n        newActiveKeys = currentActiveKeys.includes(key) ? [] : [key]\n      } else {\n        // Toggle the key\n        if (currentActiveKeys.includes(key)) {\n          newActiveKeys = currentActiveKeys.filter((k) => k !== key)\n        } else {\n          newActiveKeys = [...currentActiveKeys, key]\n        }\n      }\n\n      if (!isControlled) {\n        setInternalActiveKeys(newActiveKeys)\n      }\n      onChange?.(newActiveKeys)\n    }\n\n    const containerClasses = [\n      'flex flex-col',\n      bordered && !ghost && 'divide-y divide-base-300',\n      bordered && 'border border-base-300 rounded-lg overflow-hidden',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <div\n        ref={ref}\n        className={containerClasses}\n        data-testid={testId}\n        {...rest}\n      >\n        {items.map((item) => (\n          <CollapsePanel\n            key={item.key}\n            item={item}\n            isOpen={currentActiveKeys.includes(item.key)}\n            onToggle={() => handleToggle(item.key)}\n            icon={item.showArrow === false ? 'none' : icon}\n            expandIconPlacement={expandIconPlacement}\n            bordered={false}\n            ghost={ghost}\n            size={size}\n            testId={testId}\n          />\n        ))}\n      </div>\n    )\n  }\n)\n\nCollapse.displayName = 'Collapse'\n"],"names":["dCollapse","dCollapseArrow","dCollapsePlus","dCollapseOpen","dCollapseClose","dCollapseArrowEnd","dCollapseTitle","dCollapseContent","sizeClasses","CollapsePanel","forwardRef","item","isOpen","onToggle","icon","expandIconPlacement","bordered","ghost","size","testId","ref","isDisabled","panelClasses","handleClick","jsxs","e","jsx","Collapse","items","activeKey","defaultActiveKey","accordion","onChange","className","rest","normalizeKeys","keys","internalActiveKeys","setInternalActiveKeys","useState","isControlled","currentActiveKeys","handleToggle","key","newActiveKeys","k","containerClasses"],"mappings":"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"}
+{"version":3,"file":"Collapse.js","sources":["../../src/components/Collapse.tsx"],"sourcesContent":["import React, { forwardRef, useState, useId } from 'react'\n\n// DaisyUI classes\nconst dCollapse = 'collapse'\nconst dCollapseArrow = 'collapse-arrow'\nconst dCollapsePlus = 'collapse-plus'\nconst dCollapseOpen = 'collapse-open'\nconst dCollapseClose = 'collapse-close'\nconst dCollapseArrowEnd = 'collapse-arrow-end'\nconst dCollapseTitle = 'collapse-title'\nconst dCollapseContent = 'collapse-content'\n\nexport type CollapseSize = 'sm' | 'md' | 'lg'\nexport type CollapseIconPosition = 'start' | 'end'\nexport type CollapseCollapsible = 'header' | 'icon' | 'disabled'\n\nexport interface CollapseItemType {\n  /** Unique key for the panel */\n  key: string | number\n  /** Panel header/label */\n  label: React.ReactNode\n  /** Panel content */\n  children: React.ReactNode\n  /** Extra element in the corner */\n  extra?: React.ReactNode\n  /** Whether to show the arrow icon */\n  showArrow?: boolean\n  /** Collapsible mode for this panel */\n  collapsible?: CollapseCollapsible\n  /** Custom class name for this panel */\n  className?: string\n}\n\nexport interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Collapse items */\n  items?: CollapseItemType[]\n  /** Currently active panel keys (controlled) */\n  activeKey?: string | number | (string | number)[]\n  /** Default active panel keys (uncontrolled) */\n  defaultActiveKey?: string | number | (string | number)[]\n  /** Accordion mode - only one panel open at a time */\n  accordion?: boolean\n  /** Show border around panels */\n  bordered?: boolean\n  /** Ghost mode - transparent background */\n  ghost?: boolean\n  /** Size variant */\n  size?: CollapseSize\n  /** Icon type */\n  icon?: 'arrow' | 'plus' | 'none'\n  /** Icon placement */\n  expandIconPlacement?: CollapseIconPosition\n  /** Callback when panels change */\n  onChange?: (activeKey: (string | number)[]) => void\n  /** Test ID */\n  'data-testid'?: string\n}\n\nconst sizeClasses: Record<CollapseSize, string> = {\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n}\n\nconst CollapsePanel = forwardRef<\n  HTMLDivElement,\n  {\n    item: CollapseItemType\n    isOpen: boolean\n    onToggle: () => void\n    icon: 'arrow' | 'plus' | 'none'\n    expandIconPlacement: CollapseIconPosition\n    bordered: boolean\n    ghost: boolean\n    size: CollapseSize\n    testId?: string\n  }\n>(({ item, isOpen, onToggle, icon, expandIconPlacement, bordered, ghost, size, testId }, ref) => {\n  const isDisabled = item.collapsible === 'disabled'\n\n  const iconClasses = {\n    arrow: dCollapseArrow,\n    plus: dCollapsePlus,\n    none: '',\n  }\n\n  const panelClasses = [\n    dCollapse,\n    iconClasses[icon],\n    isOpen ? dCollapseOpen : dCollapseClose,\n    !ghost && 'bg-base-200',\n    ghost && 'bg-transparent',\n    bordered && 'border border-base-300',\n    expandIconPlacement === 'end' && icon !== 'none' && dCollapseArrowEnd,\n    sizeClasses[size],\n    isDisabled && 'opacity-50 cursor-not-allowed',\n    item.className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = () => {\n    if (!isDisabled) {\n      onToggle()\n    }\n  }\n\n  const panelId = useId()\n  const headerId = `${panelId}-header`\n  const contentId = `${panelId}-content`\n\n  return (\n    <div\n      ref={ref}\n      className={panelClasses}\n      data-testid={testId ? `${testId}-panel-${item.key}` : undefined}\n      data-state={isOpen ? 'open' : 'closed'}\n    >\n      <div\n        id={headerId}\n        className={`${dCollapseTitle} font-medium flex items-center justify-between cursor-pointer`}\n        onClick={handleClick}\n        role=\"button\"\n        tabIndex={isDisabled ? -1 : 0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            handleClick()\n          }\n        }}\n        aria-expanded={isOpen}\n        aria-disabled={isDisabled}\n        aria-controls={contentId}\n      >\n        <span>{item.label}</span>\n        {item.extra && <span className=\"ml-auto mr-6\">{item.extra}</span>}\n      </div>\n      <div id={contentId} className={dCollapseContent} role=\"region\" aria-labelledby={headerId}>\n        {item.children}\n      </div>\n    </div>\n  )\n})\n\nCollapsePanel.displayName = 'CollapsePanel'\n\nexport const Collapse = forwardRef<HTMLDivElement, CollapseProps>(\n  (\n    {\n      items = [],\n      activeKey,\n      defaultActiveKey,\n      accordion = false,\n      bordered = true,\n      ghost = false,\n      size = 'md',\n      icon = 'arrow',\n      expandIconPlacement = 'start',\n      onChange,\n      className = '',\n      'data-testid': testId = 'collapse',\n      ...rest\n    },\n    ref\n  ) => {\n    // Normalize keys to array\n    const normalizeKeys = (keys: string | number | (string | number)[] | undefined): (string | number)[] => {\n      if (keys === undefined) return []\n      if (Array.isArray(keys)) return keys\n      return [keys]\n    }\n\n    const [internalActiveKeys, setInternalActiveKeys] = useState<(string | number)[]>(\n      () => normalizeKeys(defaultActiveKey)\n    )\n\n    const isControlled = activeKey !== undefined\n    const currentActiveKeys = isControlled ? normalizeKeys(activeKey) : internalActiveKeys\n\n    const handleToggle = (key: string | number) => {\n      let newActiveKeys: (string | number)[]\n\n      if (accordion) {\n        // In accordion mode, only one can be open\n        newActiveKeys = currentActiveKeys.includes(key) ? [] : [key]\n      } else {\n        // Toggle the key\n        if (currentActiveKeys.includes(key)) {\n          newActiveKeys = currentActiveKeys.filter((k) => k !== key)\n        } else {\n          newActiveKeys = [...currentActiveKeys, key]\n        }\n      }\n\n      if (!isControlled) {\n        setInternalActiveKeys(newActiveKeys)\n      }\n      onChange?.(newActiveKeys)\n    }\n\n    const containerClasses = [\n      'flex flex-col',\n      bordered && !ghost && 'divide-y divide-base-300',\n      bordered && 'border border-base-300 rounded-lg overflow-hidden',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return (\n      <div\n        ref={ref}\n        className={containerClasses}\n        data-testid={testId}\n        {...rest}\n      >\n        {items.map((item) => (\n          <CollapsePanel\n            key={item.key}\n            item={item}\n            isOpen={currentActiveKeys.includes(item.key)}\n            onToggle={() => handleToggle(item.key)}\n            icon={item.showArrow === false ? 'none' : icon}\n            expandIconPlacement={expandIconPlacement}\n            bordered={false}\n            ghost={ghost}\n            size={size}\n            testId={testId}\n          />\n        ))}\n      </div>\n    )\n  }\n)\n\nCollapse.displayName = 'Collapse'\n"],"names":["dCollapse","dCollapseArrow","dCollapsePlus","dCollapseOpen","dCollapseClose","dCollapseArrowEnd","dCollapseTitle","dCollapseContent","sizeClasses","CollapsePanel","forwardRef","item","isOpen","onToggle","icon","expandIconPlacement","bordered","ghost","size","testId","ref","isDisabled","panelClasses","handleClick","panelId","useId","headerId","contentId","jsxs","e","jsx","Collapse","items","activeKey","defaultActiveKey","accordion","onChange","className","rest","normalizeKeys","keys","internalActiveKeys","setInternalActiveKeys","useState","isControlled","currentActiveKeys","handleToggle","key","newActiveKeys","k","containerClasses"],"mappings":"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"}

package/dist/components/Command.d.ts

@@ -19,12 +19,14 @@ export interface CommandProps extends Omit<React.HTMLAttributes<HTMLDialogElemen
     shortcut?: string[];
     placeholder?: string;
     emptyMessage?: React.ReactNode;
+    'data-testid'?: string;
 }
 interface CommandInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
     value?: string;
     onValueChange?: (value: string) => void;
+    'data-testid'?: string;
 }
-declare function CommandInput({ placeholder, value, onValueChange, ...rest }: CommandInputProps): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ placeholder, value, onValueChange, 'data-testid': testId, ...rest }: CommandInputProps): import("react/jsx-runtime").JSX.Element;
 interface CommandListProps {
     children: React.ReactNode;
 }
@@ -41,8 +43,9 @@ interface CommandItemProps {
     disabled?: boolean;
     keywords?: string[];
     icon?: React.ReactNode;
+    'data-testid'?: string;
 }
-declare function CommandItem({ children, value, onSelect, disabled, keywords, icon, }: CommandItemProps): import("react/jsx-runtime").JSX.Element | null;
+declare function CommandItem({ children, value, onSelect, disabled, keywords, icon, 'data-testid': testId, }: CommandItemProps): import("react/jsx-runtime").JSX.Element | null;
 interface CommandEmptyProps {
     children?: React.ReactNode;
 }