asterui 0.12.62 → 0.12.63

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/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;
 }