asterui 0.12.36 → 0.12.40

package/dist/components/Chart.js

@@ -1,18 +1,18 @@
-import { jsx as w } from "react/jsx-runtime";
-import { useRef as C, useState as v, useEffect as M } from "react";
-import O from "apexcharts";
-function S(o) {
-  return typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(o).trim();
+import { jsx as y } from "react/jsx-runtime";
+import { useRef as v, useState as w, useEffect as g } from "react";
+import { MissingDependency as O } from "./MissingDependency.js";
+function C(n) {
+  return typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(n).trim();
 }
-function x(o) {
-  const e = o.match(/oklch\(\s*([\d.]+)%?\s+([\d.]+)\s+([\d.]+)/);
-  if (!e) return "";
-  const t = parseFloat(e[1]) / 100, r = parseFloat(e[2]), c = parseFloat(e[3]) * Math.PI / 180, l = r * Math.cos(c), u = r * Math.sin(c), n = t + 0.3963377774 * l + 0.2158037573 * u, f = t - 0.1055613458 * l - 0.0638541728 * u, i = t - 0.0894841775 * l - 1.291485548 * u, s = n * n * n, d = f * f * f, m = i * i * i;
-  let b = 4.0767416621 * s - 3.3077115913 * d + 0.2309699292 * m, y = -1.2684380046 * s + 2.6097574011 * d - 0.3413193965 * m, g = -0.0041960863 * s - 0.7034186147 * d + 1.707614701 * m;
-  const k = (p) => (p = Math.max(0, Math.min(1, p)), p <= 31308e-7 ? 12.92 * p : 1.055 * Math.pow(p, 1 / 2.4) - 0.055);
-  return b = Math.round(k(b) * 255), y = Math.round(k(y) * 255), g = Math.round(k(g) * 255), `#${b.toString(16).padStart(2, "0")}${y.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}`;
+function S(n) {
+  const r = n.match(/oklch\(\s*([\d.]+)%?\s+([\d.]+)\s+([\d.]+)/);
+  if (!r) return "";
+  const t = parseFloat(r[1]) / 100, e = parseFloat(r[2]), c = parseFloat(r[3]) * Math.PI / 180, a = e * Math.cos(c), i = e * Math.sin(c), s = t + 0.3963377774 * a + 0.2158037573 * i, u = t - 0.1055613458 * a - 0.0638541728 * i, h = t - 0.0894841775 * a - 1.291485548 * i, m = s * s * s, p = u * u * u, d = h * h * h;
+  let o = 4.0767416621 * m - 3.3077115913 * p + 0.2309699292 * d, f = -1.2684380046 * m + 2.6097574011 * p - 0.3413193965 * d, M = -0.0041960863 * m - 0.7034186147 * p + 1.707614701 * d;
+  const x = (b) => (b = Math.max(0, Math.min(1, b)), b <= 31308e-7 ? 12.92 * b : 1.055 * Math.pow(b, 1 / 2.4) - 0.055);
+  return o = Math.round(x(o) * 255), f = Math.round(x(f) * 255), M = Math.round(x(M) * 255), `#${o.toString(16).padStart(2, "0")}${f.toString(16).padStart(2, "0")}${M.toString(16).padStart(2, "0")}`;
 }
-function V() {
+function A() {
   return typeof document > "u" ? [] : [
     "--color-primary",
     "--color-secondary",
@@ -21,24 +21,24 @@ function V() {
     "--color-success",
     "--color-warning",
     "--color-error"
-  ].map((e) => {
-    const t = S(e);
-    return t.includes("oklch") ? x(t) : t;
+  ].map((r) => {
+    const t = C(r);
+    return t.includes("oklch") ? S(t) : t;
   }).filter(Boolean);
 }
-function A() {
-  const o = V(), e = S("--color-base-content"), t = e.includes("oklch") ? x(e) : e || "#888888", r = S("--color-base-300"), a = r.includes("oklch") ? x(r) : r || "#e0e0e0", c = t.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i), l = c ? (parseInt(c[1], 16) + parseInt(c[2], 16) + parseInt(c[3], 16)) / 3 > 128 : !1;
+function V() {
+  const n = A(), r = C("--color-base-content"), t = r.includes("oklch") ? S(r) : r || "#888888", e = C("--color-base-300"), l = e.includes("oklch") ? S(e) : e || "#e0e0e0", c = t.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i), a = c ? (parseInt(c[1], 16) + parseInt(c[2], 16) + parseInt(c[3], 16)) / 3 > 128 : !1;
   return {
-    colors: o.length > 0 ? o : void 0,
+    colors: n.length > 0 ? n : void 0,
     theme: {
-      mode: l ? "dark" : "light"
+      mode: a ? "dark" : "light"
     },
     chart: {
       background: "transparent",
       foreColor: t
     },
     grid: {
-      borderColor: a
+      borderColor: l
     },
     xaxis: {
       labels: {
@@ -47,10 +47,10 @@ function A() {
         }
       },
       axisBorder: {
-        color: a
+        color: l
       },
       axisTicks: {
-        color: a
+        color: l
       }
     },
     yaxis: {
@@ -66,7 +66,7 @@ function A() {
       }
     },
     tooltip: {
-      theme: l ? "dark" : "light",
+      theme: a ? "dark" : "light",
       style: {
         fontSize: "12px"
       },
@@ -90,64 +90,72 @@ function A() {
     }
   };
 }
-function h(o, e) {
-  const t = { ...o };
-  for (const r in e)
-    e[r] !== void 0 && (typeof e[r] == "object" && e[r] !== null && !Array.isArray(e[r]) && typeof o[r] == "object" && o[r] !== null && !Array.isArray(o[r]) ? t[r] = h(
-      o[r],
-      e[r]
-    ) : t[r] = e[r]);
+function k(n, r) {
+  const t = { ...n };
+  for (const e in r)
+    r[e] !== void 0 && (typeof r[e] == "object" && r[e] !== null && !Array.isArray(r[e]) && typeof n[e] == "object" && n[e] !== null && !Array.isArray(n[e]) ? t[e] = k(
+      n[e],
+      r[e]
+    ) : t[e] = r[e]);
   return t;
 }
-const $ = ({
-  type: o,
-  series: e,
+const F = ({
+  type: n,
+  series: r,
   width: t = "100%",
-  height: r = 350,
-  options: a = {},
+  height: e = 350,
+  options: l = {},
   themed: c = !0,
-  className: l = ""
+  className: a = ""
 }) => {
-  const u = C(null), n = C(null), [, f] = v(!1), i = () => {
-    const s = {
+  const i = v(null), s = v(null), [u, h] = w(null), [m, p] = w(!1);
+  g(() => {
+    import("apexcharts").then((o) => {
+      o.default ? h(() => o.default) : p(!0);
+    }).catch(() => {
+      p(!0);
+    });
+  }, []);
+  const d = () => {
+    const o = {
       chart: {
-        type: o,
+        type: n,
         width: t,
-        height: r
+        height: e
       },
-      series: e
+      series: r
     };
     if (c) {
-      const d = A();
-      return h(h(s, d), a);
+      const f = V();
+      return k(k(o, f), l);
     }
-    return h(s, a);
+    return k(o, l);
   };
-  return M(() => {
-    if (!u.current) return;
-    const s = i();
-    return n.current = new O(u.current, s), n.current.render(), f(!0), () => {
-      n.current && (n.current.destroy(), n.current = null);
+  return g(() => {
+    if (!i.current || !u) return;
+    const o = d();
+    return s.current = new u(i.current, o), s.current.render(), () => {
+      s.current && (s.current.destroy(), s.current = null);
     };
-  }, []), M(() => {
-    if (!n.current) return;
-    const s = i();
-    n.current.updateOptions(s, !0, !0);
-  }, [o, e, t, r, a, c]), M(() => {
+  }, [u]), g(() => {
+    if (!s.current) return;
+    const o = d();
+    s.current.updateOptions(o, !0, !0);
+  }, [n, r, t, e, l, c]), g(() => {
     if (!c || typeof window > "u") return;
-    const s = new MutationObserver(() => {
-      if (n.current) {
-        const d = i();
-        n.current.updateOptions(d, !0, !0);
+    const o = new MutationObserver(() => {
+      if (s.current) {
+        const f = d();
+        s.current.updateOptions(f, !0, !0);
       }
     });
-    return s.observe(document.documentElement, {
+    return o.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["data-theme", "class"]
-    }), () => s.disconnect();
-  }, [c]), /* @__PURE__ */ w("div", { ref: u, className: l });
+    }), () => o.disconnect();
+  }, [c]), m ? /* @__PURE__ */ y(O, { packageName: "apexcharts", className: a }) : u ? /* @__PURE__ */ y("div", { ref: i, className: a }) : /* @__PURE__ */ y("div", { className: a, style: { width: t, height: e }, children: /* @__PURE__ */ y("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ y("span", { className: "loading loading-spinner" }) }) });
 };
 export {
-  $ as Chart
+  F 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, useState } from 'react'\nimport ApexCharts from 'apexcharts'\nimport type { ApexOptions } from 'apexcharts'\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// Get CSS variable value from root\nfunction getCssVar(varName: string): string {\n  if (typeof document === 'undefined') return ''\n  return getComputedStyle(document.documentElement).getPropertyValue(varName).trim()\n}\n\n// Convert oklch to hex (approximate)\nfunction oklchToHex(oklch: string): string {\n  // Parse oklch(L C H) format\n  const match = oklch.match(/oklch\\(\\s*([\\d.]+)%?\\s+([\\d.]+)\\s+([\\d.]+)/)\n  if (!match) return ''\n\n  const l = parseFloat(match[1]) / 100 // Lightness 0-1\n  const c = parseFloat(match[2]) // Chroma\n  const h = parseFloat(match[3]) // Hue in degrees\n\n  // Simplified oklch to sRGB conversion\n  // This is an approximation - full conversion is complex\n  const hRad = (h * Math.PI) / 180\n  const a = c * Math.cos(hRad)\n  const b = c * Math.sin(hRad)\n\n  // Approximate conversion to linear RGB\n  const l_ = l + 0.3963377774 * a + 0.2158037573 * b\n  const m_ = l - 0.1055613458 * a - 0.0638541728 * b\n  const s_ = l - 0.0894841775 * a - 1.2914855480 * b\n\n  const l3 = l_ * l_ * l_\n  const m3 = m_ * m_ * m_\n  const s3 = s_ * s_ * s_\n\n  let r = 4.0767416621 * l3 - 3.3077115913 * m3 + 0.2309699292 * s3\n  let g = -1.2684380046 * l3 + 2.6097574011 * m3 - 0.3413193965 * s3\n  let bl = -0.0041960863 * l3 - 0.7034186147 * m3 + 1.7076147010 * s3\n\n  // Clamp and convert to sRGB\n  const toSrgb = (x: number) => {\n    x = Math.max(0, Math.min(1, x))\n    return x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1/2.4) - 0.055\n  }\n\n  r = Math.round(toSrgb(r) * 255)\n  g = Math.round(toSrgb(g) * 255)\n  bl = Math.round(toSrgb(bl) * 255)\n\n  return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${bl.toString(16).padStart(2, '0')}`\n}\n\n// Get daisyUI theme colors from CSS variables\nfunction getThemeColors(): string[] {\n  if (typeof document === 'undefined') return []\n\n  const colorVars = [\n    '--color-primary',\n    '--color-secondary',\n    '--color-accent',\n    '--color-info',\n    '--color-success',\n    '--color-warning',\n    '--color-error',\n  ]\n\n  return colorVars\n    .map(varName => {\n      const value = getCssVar(varName)\n      if (value.includes('oklch')) {\n        return oklchToHex(value)\n      }\n      return value\n    })\n    .filter(Boolean)\n}\n\n// Get theme-aware chart options\nfunction getThemedOptions(): Partial<ApexOptions> {\n  const colors = getThemeColors()\n\n  // Get text color from CSS variable\n  const baseContentVar = getCssVar('--color-base-content')\n  const textColor = baseContentVar.includes('oklch')\n    ? oklchToHex(baseContentVar)\n    : (baseContentVar || '#888888')\n\n  // Get grid color from CSS variable\n  const base300Var = getCssVar('--color-base-300')\n  const gridColor = base300Var.includes('oklch')\n    ? oklchToHex(base300Var)\n    : (base300Var || '#e0e0e0')\n\n  // Determine if dark theme by checking luminance of text color\n  // If text is light, we're on dark theme\n  const textMatch = textColor.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i)\n  const isDark = textMatch\n    ? (parseInt(textMatch[1], 16) + parseInt(textMatch[2], 16) + parseInt(textMatch[3], 16)) / 3 > 128\n    : false\n\n  return {\n    colors: colors.length > 0 ? colors : undefined,\n    theme: {\n      mode: isDark ? 'dark' : 'light',\n    },\n    chart: {\n      background: 'transparent',\n      foreColor: textColor,\n    },\n    grid: {\n      borderColor: gridColor,\n    },\n    xaxis: {\n      labels: {\n        style: {\n          colors: textColor,\n        },\n      },\n      axisBorder: {\n        color: gridColor,\n      },\n      axisTicks: {\n        color: gridColor,\n      },\n    },\n    yaxis: {\n      labels: {\n        style: {\n          colors: textColor,\n        },\n      },\n    },\n    legend: {\n      labels: {\n        colors: textColor,\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: [textColor, textColor, textColor, textColor, textColor, textColor, textColor],\n      },\n      background: {\n        enabled: false,\n      },\n      dropShadow: {\n        enabled: false,\n      },\n    },\n  }\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 [, setMounted] = useState(false)\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    setMounted(true)\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 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]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Listen for theme changes\n  useEffect(() => {\n    if (!themed || typeof window === 'undefined') return\n\n    const observer = new MutationObserver(() => {\n      if (chartInstance.current) {\n        const opts = buildOptions()\n        chartInstance.current.updateOptions(opts, true, true)\n      }\n    })\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['data-theme', 'class'],\n    })\n\n    return () => observer.disconnect()\n  }, [themed]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return <div ref={chartRef} className={className} />\n}\n"],"names":["getCssVar","varName","oklchToHex","oklch","match","l","c","hRad","a","b","l_","m_","s_","l3","m3","s3","r","g","bl","toSrgb","x","getThemeColors","value","getThemedOptions","colors","baseContentVar","textColor","base300Var","gridColor","textMatch","isDark","deepMerge","target","source","result","key","Chart","type","series","width","height","options","themed","className","chartRef","useRef","chartInstance","setMounted","useState","buildOptions","baseOptions","themedOpts","useEffect","opts","ApexCharts","observer","jsx"],"mappings":"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"}
+{"version":3,"file":"Chart.js","sources":["../../src/components/Chart.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport type { ApexOptions } from 'apexcharts'\nimport { MissingDependency } from './MissingDependency'\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// Get CSS variable value from root\nfunction getCssVar(varName: string): string {\n  if (typeof document === 'undefined') return ''\n  return getComputedStyle(document.documentElement).getPropertyValue(varName).trim()\n}\n\n// Convert oklch to hex (approximate)\nfunction oklchToHex(oklch: string): string {\n  // Parse oklch(L C H) format\n  const match = oklch.match(/oklch\\(\\s*([\\d.]+)%?\\s+([\\d.]+)\\s+([\\d.]+)/)\n  if (!match) return ''\n\n  const l = parseFloat(match[1]) / 100 // Lightness 0-1\n  const c = parseFloat(match[2]) // Chroma\n  const h = parseFloat(match[3]) // Hue in degrees\n\n  // Simplified oklch to sRGB conversion\n  // This is an approximation - full conversion is complex\n  const hRad = (h * Math.PI) / 180\n  const a = c * Math.cos(hRad)\n  const b = c * Math.sin(hRad)\n\n  // Approximate conversion to linear RGB\n  const l_ = l + 0.3963377774 * a + 0.2158037573 * b\n  const m_ = l - 0.1055613458 * a - 0.0638541728 * b\n  const s_ = l - 0.0894841775 * a - 1.2914855480 * b\n\n  const l3 = l_ * l_ * l_\n  const m3 = m_ * m_ * m_\n  const s3 = s_ * s_ * s_\n\n  let r = 4.0767416621 * l3 - 3.3077115913 * m3 + 0.2309699292 * s3\n  let g = -1.2684380046 * l3 + 2.6097574011 * m3 - 0.3413193965 * s3\n  let bl = -0.0041960863 * l3 - 0.7034186147 * m3 + 1.7076147010 * s3\n\n  // Clamp and convert to sRGB\n  const toSrgb = (x: number) => {\n    x = Math.max(0, Math.min(1, x))\n    return x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1/2.4) - 0.055\n  }\n\n  r = Math.round(toSrgb(r) * 255)\n  g = Math.round(toSrgb(g) * 255)\n  bl = Math.round(toSrgb(bl) * 255)\n\n  return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${bl.toString(16).padStart(2, '0')}`\n}\n\n// Get daisyUI theme colors from CSS variables\nfunction getThemeColors(): string[] {\n  if (typeof document === 'undefined') return []\n\n  const colorVars = [\n    '--color-primary',\n    '--color-secondary',\n    '--color-accent',\n    '--color-info',\n    '--color-success',\n    '--color-warning',\n    '--color-error',\n  ]\n\n  return colorVars\n    .map(varName => {\n      const value = getCssVar(varName)\n      if (value.includes('oklch')) {\n        return oklchToHex(value)\n      }\n      return value\n    })\n    .filter(Boolean)\n}\n\n// Get theme-aware chart options\nfunction getThemedOptions(): Partial<ApexOptions> {\n  const colors = getThemeColors()\n\n  // Get text color from CSS variable\n  const baseContentVar = getCssVar('--color-base-content')\n  const textColor = baseContentVar.includes('oklch')\n    ? oklchToHex(baseContentVar)\n    : (baseContentVar || '#888888')\n\n  // Get grid color from CSS variable\n  const base300Var = getCssVar('--color-base-300')\n  const gridColor = base300Var.includes('oklch')\n    ? oklchToHex(base300Var)\n    : (base300Var || '#e0e0e0')\n\n  // Determine if dark theme by checking luminance of text color\n  // If text is light, we're on dark theme\n  const textMatch = textColor.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i)\n  const isDark = textMatch\n    ? (parseInt(textMatch[1], 16) + parseInt(textMatch[2], 16) + parseInt(textMatch[3], 16)) / 3 > 128\n    : false\n\n  return {\n    colors: colors.length > 0 ? colors : undefined,\n    theme: {\n      mode: isDark ? 'dark' : 'light',\n    },\n    chart: {\n      background: 'transparent',\n      foreColor: textColor,\n    },\n    grid: {\n      borderColor: gridColor,\n    },\n    xaxis: {\n      labels: {\n        style: {\n          colors: textColor,\n        },\n      },\n      axisBorder: {\n        color: gridColor,\n      },\n      axisTicks: {\n        color: gridColor,\n      },\n    },\n    yaxis: {\n      labels: {\n        style: {\n          colors: textColor,\n        },\n      },\n    },\n    legend: {\n      labels: {\n        colors: textColor,\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: [textColor, textColor, textColor, textColor, textColor, textColor, textColor],\n      },\n      background: {\n        enabled: false,\n      },\n      dropShadow: {\n        enabled: false,\n      },\n    },\n  }\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<any>(null)\n  const [ApexChartsLib, setApexChartsLib] = useState<any>(null)\n  const [missingDep, setMissingDep] = useState(false)\n\n  // Load ApexCharts dynamically\n  useEffect(() => {\n    import('apexcharts')\n      .then((mod) => {\n        if (mod.default) {\n          setApexChartsLib(() => mod.default)\n        } else {\n          setMissingDep(true)\n        }\n      })\n      .catch(() => {\n        setMissingDep(true)\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 || !ApexChartsLib) return\n\n    const opts = buildOptions()\n    chartInstance.current = new ApexChartsLib(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  }, [ApexChartsLib]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Update chart when props 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]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Listen for theme changes\n  useEffect(() => {\n    if (!themed || typeof window === 'undefined') return\n\n    const observer = new MutationObserver(() => {\n      if (chartInstance.current) {\n        const opts = buildOptions()\n        chartInstance.current.updateOptions(opts, true, true)\n      }\n    })\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['data-theme', 'class'],\n    })\n\n    return () => observer.disconnect()\n  }, [themed]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (missingDep) {\n    return <MissingDependency packageName=\"apexcharts\" className={className} />\n  }\n\n  if (!ApexChartsLib) {\n    return (\n      <div className={className} style={{ width, height }}>\n        <div className=\"flex items-center justify-center h-full\">\n          <span className=\"loading loading-spinner\"></span>\n        </div>\n      </div>\n    )\n  }\n\n  return <div ref={chartRef} className={className} />\n}\n"],"names":["getCssVar","varName","oklchToHex","oklch","match","l","c","hRad","b","l_","m_","s_","l3","m3","s3","r","g","bl","toSrgb","x","getThemeColors","value","getThemedOptions","colors","baseContentVar","textColor","base300Var","gridColor","textMatch","isDark","deepMerge","target","source","result","key","Chart","type","series","width","height","options","themed","className","chartRef","useRef","chartInstance","ApexChartsLib","setApexChartsLib","useState","missingDep","setMissingDep","useEffect","mod","buildOptions","baseOptions","themedOpts","opts","observer","jsx","MissingDependency"],"mappings":"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"}

package/dist/components/MissingDependency.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface MissingDependencyProps {
+    packageName: string;
+    bordered?: boolean;
+    className?: string;
+}
+export declare const MissingDependency: React.FC<MissingDependencyProps>;

package/dist/components/MissingDependency.js

@@ -0,0 +1,25 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+const t = 200, a = ({
+  packageName: s,
+  bordered: i = !0,
+  className: r = ""
+}) => {
+  const c = [
+    "inline-flex items-center justify-center",
+    i && "border border-base-content/20 p-3",
+    "bg-base-100",
+    r
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: c, style: { minWidth: t, minHeight: t }, children: /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center gap-1 text-center", children: [
+    /* @__PURE__ */ e("svg", { className: "w-6 h-6 text-warning", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
+    /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "Missing dependency" }),
+    /* @__PURE__ */ n("code", { className: "text-xs bg-base-200 px-1 py-0.5 rounded whitespace-nowrap", children: [
+      "npm install ",
+      s
+    ] })
+  ] }) });
+};
+export {
+  a as MissingDependency
+};
+//# sourceMappingURL=MissingDependency.js.map

package/dist/components/MissingDependency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingDependency.js","sources":["../../src/components/MissingDependency.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface MissingDependencyProps {\n  packageName: string\n  bordered?: boolean\n  className?: string\n}\n\n// Width to accommodate \"@tanstack/react-virtual\" (longest package name)\nconst MIN_WIDTH = 200\n\nexport const MissingDependency: React.FC<MissingDependencyProps> = ({\n  packageName,\n  bordered = true,\n  className = '',\n}) => {\n  const containerClasses = [\n    'inline-flex items-center justify-center',\n    bordered && 'border border-base-content/20 p-3',\n    'bg-base-100',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={containerClasses} style={{ minWidth: MIN_WIDTH, minHeight: MIN_WIDTH }}>\n      <div className=\"flex flex-col items-center justify-center gap-1 text-center\">\n        <svg className=\"w-6 h-6 text-warning\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n        </svg>\n        <span className=\"text-sm text-base-content/70\">Missing dependency</span>\n        <code className=\"text-xs bg-base-200 px-1 py-0.5 rounded whitespace-nowrap\">npm install {packageName}</code>\n      </div>\n    </div>\n  )\n}\n"],"names":["MIN_WIDTH","MissingDependency","packageName","bordered","className","containerClasses","jsx","jsxs"],"mappings":";AASA,MAAMA,IAAY,KAELC,IAAsD,CAAC;AAAA,EAClE,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAmB;AAAA,IACvB;AAAA,IACAF,KAAY;AAAA,IACZ;AAAA,IACAC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAWD,GAAkB,OAAO,EAAE,UAAUL,GAAW,WAAWA,EAAA,GACzE,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,+DACb,UAAA;AAAA,IAAA,gBAAAD,EAAC,SAAI,WAAU,wBAAuB,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAC3E,4BAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,wIAAuI,EAAA,CAC9M;AAAA,IACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,sBAAkB;AAAA,IACjE,gBAAAC,EAAC,QAAA,EAAK,WAAU,6DAA4D,UAAA;AAAA,MAAA;AAAA,MAAaL;AAAA,IAAA,EAAA,CAAY;AAAA,EAAA,EAAA,CACvG,EAAA,CACF;AAEJ;"}

package/dist/components/QRCode.js

@@ -1,51 +1,53 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { useRef as Q, useState as w, useEffect as C } from "react";
-const F = ({
-  value: h,
-  size: t = 160,
-  errorLevel: v = "M",
-  icon: f,
-  iconSize: a = 40,
-  type: g = "canvas",
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import { useRef as M, useState as w, useEffect as Q } from "react";
+import { MissingDependency as D } from "./MissingDependency.js";
+const L = ({
+  value: f,
+  size: a = 160,
+  errorLevel: x = "M",
+  icon: g,
+  iconSize: t = 40,
+  type: h = "canvas",
   color: u = "#000000",
-  bgColor: x = "#FFFFFF",
-  bordered: n = !0,
-  status: s = "active",
+  bgColor: p = "#FFFFFF",
+  bordered: c = !0,
+  status: n = "active",
   onRefresh: N,
-  className: R = "",
-  ...c
+  className: y = "",
+  ...s
 }) => {
-  const r = Q(null), [k, l] = w(s === "loading"), [j, L] = w(!1);
-  C(() => {
-    l(s === "loading");
-  }, [s]), C(() => {
-    if (s !== "active" || !h) return;
+  const i = M(null), [j, l] = w(n === "loading"), [k, F] = w(!1);
+  Q(() => {
+    l(n === "loading");
+  }, [n]), Q(() => {
+    if (n !== "active" || !f) return;
     (async () => {
       try {
         l(!0);
         let o;
         try {
-          o = await import("qrcode");
+          const v = await import("qrcode");
+          o = v.default || v;
         } catch {
-          L(!0), l(!1);
+          F(!0), l(!1);
           return;
         }
-        if (g === "canvas" && r.current && (await o.toCanvas(r.current, h, {
-          width: t,
+        if (h === "canvas" && i.current && (await o.toCanvas(i.current, f, {
+          width: a,
           margin: 1,
           color: {
             dark: u,
-            light: x
+            light: p
           },
-          errorCorrectionLevel: v
-        }), f)) {
-          const d = r.current.getContext("2d");
+          errorCorrectionLevel: x
+        }), g)) {
+          const d = i.current.getContext("2d");
           if (d) {
             const m = new Image();
             m.crossOrigin = "anonymous", m.onload = () => {
-              const y = (t - a) / 2, b = (t - a) / 2;
-              d.fillStyle = x, d.fillRect(y - 4, b - 4, a + 8, a + 8), d.drawImage(m, y, b, a, a);
-            }, m.src = f;
+              const b = (a - t) / 2, R = (a - t) / 2;
+              d.fillStyle = p, d.fillRect(b - 4, R - 4, t + 8, t + 8), d.drawImage(m, b, R, t, t);
+            }, m.src = g;
           }
         }
         l(!1);
@@ -53,21 +55,17 @@ const F = ({
         console.error("QR Code generation error:", o), l(!1);
       }
     })();
-  }, [h, t, v, f, a, g, u, x, s]);
-  const i = [
+  }, [f, a, x, g, t, h, u, p, n]);
+  const r = [
     "inline-flex items-center justify-center",
-    n && "border border-base-content/20 p-3",
+    c && "border border-base-content/20 p-3",
     "bg-base-100",
-    R
+    y
   ].filter(Boolean).join(" ");
-  return j ? /* @__PURE__ */ e("div", { className: i, style: { width: t + (n ? 24 : 0), height: t + (n ? 24 : 0) }, "data-state": "error", ...c, children: /* @__PURE__ */ p("div", { className: "flex flex-col items-center justify-center gap-2 py-4 text-center", children: [
-    /* @__PURE__ */ e("svg", { className: "w-8 h-8 text-warning", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
-    /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "Missing dependency" }),
-    /* @__PURE__ */ e("code", { className: "text-xs bg-base-200 px-2 py-1 rounded", children: "npm install qrcode" })
-  ] }) }) : s === "loading" || k ? /* @__PURE__ */ e("div", { className: i, style: { width: t + (n ? 24 : 0), height: t + (n ? 24 : 0) }, "data-state": "loading", ...c, children: /* @__PURE__ */ p("div", { className: "flex flex-col items-center justify-center gap-2", children: [
+  return k ? /* @__PURE__ */ e(D, { packageName: "qrcode", bordered: c, className: y, ...s }) : n === "loading" || j ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (c ? 24 : 0), height: a + (c ? 24 : 0) }, "data-state": "loading", ...s, children: /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center gap-2", children: [
     /* @__PURE__ */ e("span", { className: "loading loading-spinner loading-lg" }),
     /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "Loading..." })
-  ] }) }) : s === "expired" ? /* @__PURE__ */ e("div", { className: i, style: { width: t + (n ? 24 : 0), height: t + (n ? 24 : 0) }, "data-state": "expired", ...c, children: /* @__PURE__ */ p("div", { className: "flex flex-col items-center justify-center gap-2", children: [
+  ] }) }) : n === "expired" ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (c ? 24 : 0), height: a + (c ? 24 : 0) }, "data-state": "expired", ...s, children: /* @__PURE__ */ C("div", { className: "flex flex-col items-center justify-center gap-2", children: [
     /* @__PURE__ */ e("svg", { className: "w-12 h-12 text-base-content/30", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
       "path",
       {
@@ -78,11 +76,11 @@ const F = ({
     ) }),
     /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "QR Code Expired" }),
     N && /* @__PURE__ */ e("button", { className: "btn btn-sm btn-primary", onClick: N, children: "Refresh" })
-  ] }) }) : g === "canvas" ? /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...c, children: /* @__PURE__ */ e("div", { className: i, children: /* @__PURE__ */ e("canvas", { ref: r, style: { display: "block" } }) }) }) : /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...c, children: /* @__PURE__ */ e("div", { className: i, children: /* @__PURE__ */ e("div", { style: { width: t, height: t }, className: "bg-base-content/5", children: /* @__PURE__ */ e("span", { className: "text-xs text-base-content/50", children: "SVG mode placeholder" }) }) }) });
+  ] }) }) : h === "canvas" ? /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...s, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("canvas", { ref: i, style: { display: "block" } }) }) }) : /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...s, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("div", { style: { width: a, height: a }, className: "bg-base-content/5", children: /* @__PURE__ */ e("span", { className: "text-xs text-base-content/50", children: "SVG mode placeholder" }) }) }) });
 };
-F.displayName = "QRCode";
+L.displayName = "QRCode";
 export {
-  F as QRCode,
-  F as default
+  L as QRCode,
+  L as default
 };
 //# sourceMappingURL=QRCode.js.map

package/dist/components/QRCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCode.js","sources":["../../src/components/QRCode.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\n\nexport type QRCodeErrorLevel = 'L' | 'M' | 'Q' | 'H'\nexport type QRCodeType = 'canvas' | 'svg'\nexport type QRCodeStatus = 'active' | 'loading' | 'expired'\n\nexport interface QRCodeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: string\n  size?: number\n  errorLevel?: QRCodeErrorLevel\n  icon?: string\n  iconSize?: number\n  type?: QRCodeType\n  color?: string\n  bgColor?: string\n  bordered?: boolean\n  status?: QRCodeStatus\n  onRefresh?: () => void\n}\n\nexport const QRCode: React.FC<QRCodeProps> = ({\n  value,\n  size = 160,\n  errorLevel = 'M',\n  icon,\n  iconSize = 40,\n  type = 'canvas',\n  color = '#000000',\n  bgColor = '#FFFFFF',\n  bordered = true,\n  status = 'active',\n  onRefresh,\n  className = '',\n  ...rest\n}) => {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const [loading, setLoading] = useState(status === 'loading')\n  const [missingDep, setMissingDep] = useState(false)\n\n  useEffect(() => {\n    setLoading(status === 'loading')\n  }, [status])\n\n  useEffect(() => {\n    if (status !== 'active' || !value) return\n\n    const generateQRCode = async () => {\n      try {\n        setLoading(true)\n\n        // Dynamic import to gracefully handle missing dependency\n        let QRCodeLib\n        try {\n          QRCodeLib = await import('qrcode')\n        } catch {\n          setMissingDep(true)\n          setLoading(false)\n          return\n        }\n\n        if (type === 'canvas' && canvasRef.current) {\n          await QRCodeLib.toCanvas(canvasRef.current, value, {\n            width: size,\n            margin: 1,\n            color: {\n              dark: color,\n              light: bgColor,\n            },\n            errorCorrectionLevel: errorLevel,\n          })\n\n          if (icon) {\n            const canvas = canvasRef.current\n            const ctx = canvas.getContext('2d')\n            if (ctx) {\n              const img = new Image()\n              img.crossOrigin = 'anonymous'\n              img.onload = () => {\n                const iconX = (size - iconSize) / 2\n                const iconY = (size - iconSize) / 2\n                ctx.fillStyle = bgColor\n                ctx.fillRect(iconX - 4, iconY - 4, iconSize + 8, iconSize + 8)\n                ctx.drawImage(img, iconX, iconY, iconSize, iconSize)\n              }\n              img.src = icon\n            }\n          }\n        }\n\n        setLoading(false)\n      } catch (error) {\n        console.error('QR Code generation error:', error)\n        setLoading(false)\n      }\n    }\n\n    generateQRCode()\n  }, [value, size, errorLevel, icon, iconSize, type, color, bgColor, status])\n\n  // Download functionality can be implemented by consumers\n  // by accessing the canvas ref and converting to data URL\n\n  const containerClasses = [\n    'inline-flex items-center justify-center',\n    bordered && 'border border-base-content/20 p-3',\n    'bg-base-100',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (missingDep) {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"error\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2 py-4 text-center\">\n          <svg className=\"w-8 h-8 text-warning\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n          </svg>\n          <span className=\"text-sm text-base-content/70\">Missing dependency</span>\n          <code className=\"text-xs bg-base-200 px-2 py-1 rounded\">npm install qrcode</code>\n        </div>\n      </div>\n    )\n  }\n\n  if (status === 'loading' || loading) {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"loading\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <span className=\"loading loading-spinner loading-lg\"></span>\n          <span className=\"text-sm text-base-content/70\">Loading...</span>\n        </div>\n      </div>\n    )\n  }\n\n  if (status === 'expired') {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"expired\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <svg className=\"w-12 h-12 text-base-content/30\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          <span className=\"text-sm text-base-content/70\">QR Code Expired</span>\n          {onRefresh && (\n            <button className=\"btn btn-sm btn-primary\" onClick={onRefresh}>\n              Refresh\n            </button>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  if (type === 'canvas') {\n    return (\n      <div className=\"inline-block\" data-state=\"active\" {...rest}>\n        <div className={containerClasses}>\n          <canvas ref={canvasRef} style={{ display: 'block' }} />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"inline-block\" data-state=\"active\" {...rest}>\n      <div className={containerClasses}>\n        <div style={{ width: size, height: size }} className=\"bg-base-content/5\">\n          <span className=\"text-xs text-base-content/50\">SVG mode placeholder</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nQRCode.displayName = 'QRCode'\n\nexport default QRCode\n"],"names":["QRCode","value","size","errorLevel","icon","iconSize","type","color","bgColor","bordered","status","onRefresh","className","rest","canvasRef","useRef","loading","setLoading","useState","missingDep","setMissingDep","useEffect","QRCodeLib","ctx","img","iconX","iconY","error","containerClasses","jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"QRCode.js","sources":["../../src/components/QRCode.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { MissingDependency } from './MissingDependency'\n\nexport type QRCodeErrorLevel = 'L' | 'M' | 'Q' | 'H'\nexport type QRCodeType = 'canvas' | 'svg'\nexport type QRCodeStatus = 'active' | 'loading' | 'expired'\n\nexport interface QRCodeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  value: string\n  size?: number\n  errorLevel?: QRCodeErrorLevel\n  icon?: string\n  iconSize?: number\n  type?: QRCodeType\n  color?: string\n  bgColor?: string\n  bordered?: boolean\n  status?: QRCodeStatus\n  onRefresh?: () => void\n}\n\nexport const QRCode: React.FC<QRCodeProps> = ({\n  value,\n  size = 160,\n  errorLevel = 'M',\n  icon,\n  iconSize = 40,\n  type = 'canvas',\n  color = '#000000',\n  bgColor = '#FFFFFF',\n  bordered = true,\n  status = 'active',\n  onRefresh,\n  className = '',\n  ...rest\n}) => {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const [loading, setLoading] = useState(status === 'loading')\n  const [missingDep, setMissingDep] = useState(false)\n\n  useEffect(() => {\n    setLoading(status === 'loading')\n  }, [status])\n\n  useEffect(() => {\n    if (status !== 'active' || !value) return\n\n    const generateQRCode = async () => {\n      try {\n        setLoading(true)\n\n        // Dynamic import to gracefully handle missing dependency\n        let QRCodeLib: any\n        try {\n          const mod = await import('qrcode')\n          QRCodeLib = mod.default || mod\n        } catch {\n          setMissingDep(true)\n          setLoading(false)\n          return\n        }\n\n        if (type === 'canvas' && canvasRef.current) {\n          await QRCodeLib.toCanvas(canvasRef.current, value, {\n            width: size,\n            margin: 1,\n            color: {\n              dark: color,\n              light: bgColor,\n            },\n            errorCorrectionLevel: errorLevel,\n          })\n\n          if (icon) {\n            const canvas = canvasRef.current\n            const ctx = canvas.getContext('2d')\n            if (ctx) {\n              const img = new Image()\n              img.crossOrigin = 'anonymous'\n              img.onload = () => {\n                const iconX = (size - iconSize) / 2\n                const iconY = (size - iconSize) / 2\n                ctx.fillStyle = bgColor\n                ctx.fillRect(iconX - 4, iconY - 4, iconSize + 8, iconSize + 8)\n                ctx.drawImage(img, iconX, iconY, iconSize, iconSize)\n              }\n              img.src = icon\n            }\n          }\n        }\n\n        setLoading(false)\n      } catch (error) {\n        console.error('QR Code generation error:', error)\n        setLoading(false)\n      }\n    }\n\n    generateQRCode()\n  }, [value, size, errorLevel, icon, iconSize, type, color, bgColor, status])\n\n  // Download functionality can be implemented by consumers\n  // by accessing the canvas ref and converting to data URL\n\n  const containerClasses = [\n    'inline-flex items-center justify-center',\n    bordered && 'border border-base-content/20 p-3',\n    'bg-base-100',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (missingDep) {\n    return <MissingDependency packageName=\"qrcode\" bordered={bordered} className={className} {...rest} />\n  }\n\n  if (status === 'loading' || loading) {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"loading\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <span className=\"loading loading-spinner loading-lg\"></span>\n          <span className=\"text-sm text-base-content/70\">Loading...</span>\n        </div>\n      </div>\n    )\n  }\n\n  if (status === 'expired') {\n    return (\n      <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"expired\" {...rest}>\n        <div className=\"flex flex-col items-center justify-center gap-2\">\n          <svg className=\"w-12 h-12 text-base-content/30\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          <span className=\"text-sm text-base-content/70\">QR Code Expired</span>\n          {onRefresh && (\n            <button className=\"btn btn-sm btn-primary\" onClick={onRefresh}>\n              Refresh\n            </button>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  if (type === 'canvas') {\n    return (\n      <div className=\"inline-block\" data-state=\"active\" {...rest}>\n        <div className={containerClasses}>\n          <canvas ref={canvasRef} style={{ display: 'block' }} />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"inline-block\" data-state=\"active\" {...rest}>\n      <div className={containerClasses}>\n        <div style={{ width: size, height: size }} className=\"bg-base-content/5\">\n          <span className=\"text-xs text-base-content/50\">SVG mode placeholder</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nQRCode.displayName = 'QRCode'\n\nexport default QRCode\n"],"names":["QRCode","value","size","errorLevel","icon","iconSize","type","color","bgColor","bordered","status","onRefresh","className","rest","canvasRef","useRef","loading","setLoading","useState","missingDep","setMissingDep","useEffect","QRCodeLib","mod","ctx","img","iconX","iconY","error","containerClasses","MissingDependency","jsx","jsxs"],"mappings":"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"}

package/dist/components/VirtualList.js

@@ -1,69 +1,110 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useRef as o } from "react";
-import { useVirtualizer as S } from "@tanstack/react-virtual";
-function N({
-  items: e,
-  height: u,
-  itemHeight: i,
-  renderItem: d,
-  overscan: f = 5,
-  className: h = "",
-  innerClassName: p = "",
-  itemClassName: m = "",
-  width: g,
-  gap: s = 0,
-  onScroll: x
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as V, useState as x, useEffect as N } from "react";
+import { MissingDependency as S } from "./MissingDependency.js";
+function k({
+  items: n,
+  height: l,
+  itemHeight: c,
+  renderItem: p,
+  overscan: h = 5,
+  className: i = "",
+  innerClassName: m = "",
+  itemClassName: g = "",
+  width: o,
+  gap: a = 0,
+  onScroll: y
 }) {
-  const l = o(null), r = o(i), c = o(e);
-  r.current = i, c.current = e;
-  const a = S({
-    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);
+  const u = V(null), [z, r] = x(!1), [s, f] = x(null);
+  return N(() => {
+    import("@tanstack/react-virtual").then((d) => {
+      d.useVirtualizer ? f(() => d.useVirtualizer) : r(!0);
+    }).catch(() => {
+      r(!0);
+    });
+  }, []), z ? /* @__PURE__ */ t(S, { packageName: "@tanstack/react-virtual", className: i }) : s ? /* @__PURE__ */ t(
+    w,
+    {
+      items: n,
+      height: l,
+      itemHeight: c,
+      renderItem: p,
+      overscan: h,
+      className: i,
+      innerClassName: m,
+      itemClassName: g,
+      width: o,
+      gap: a,
+      onScroll: y,
+      parentRef: u,
+      useVirtualizer: s
+    }
+  ) : /* @__PURE__ */ t("div", { className: `overflow-auto ${i}`, style: { height: l, width: o }, children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ t("span", { className: "loading loading-spinner" }) }) });
+}
+function w({
+  items: n,
+  height: l,
+  itemHeight: c,
+  renderItem: p,
+  overscan: h,
+  className: i,
+  innerClassName: m,
+  itemClassName: g,
+  width: o,
+  gap: a,
+  onScroll: y,
+  parentRef: u,
+  useVirtualizer: z
+}) {
+  const r = V(c), s = V(n);
+  r.current = c, s.current = n;
+  const f = z({
+    count: n.length,
+    getScrollElement: () => u.current,
+    estimateSize: (e) => (typeof r.current == "function" ? r.current(s.current[e], e) : r.current) + (a || 0),
+    overscan: h
+  }), d = f.getVirtualItems(), v = (e) => {
+    y?.(e.currentTarget.scrollTop);
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "div",
     {
-      ref: l,
-      className: `overflow-auto ${h}`,
-      style: { height: u, width: g },
-      onScroll: z,
-      children: /* @__PURE__ */ n(
+      ref: u,
+      className: `overflow-auto ${i}`,
+      style: { height: l, width: o },
+      onScroll: v,
+      children: /* @__PURE__ */ t(
         "div",
         {
-          className: p,
+          className: m,
           style: {
-            height: a.getTotalSize(),
+            height: f.getTotalSize(),
             width: "100%",
             position: "relative"
           },
-          children: y.map((t) => /* @__PURE__ */ n(
+          children: d.map((e) => /* @__PURE__ */ t(
             "div",
             {
-              className: m,
-              "data-index": t.index,
+              className: g,
+              "data-index": e.index,
               style: {
                 position: "absolute",
                 top: 0,
                 left: 0,
                 width: "100%",
-                height: t.size - s,
-                transform: `translateY(${t.start}px)`
+                height: e.size - (a || 0),
+                transform: `translateY(${e.start}px)`
               },
-              children: d(e[t.index], t.index)
+              children: p(n[e.index], e.index)
             },
-            t.key
+            e.key
           ))
         }
       )
     }
   );
 }
-N.displayName = "VirtualList";
+k.displayName = "VirtualList";
 export {
-  N as VirtualList
+  k as VirtualList
 };
 //# sourceMappingURL=VirtualList.js.map

package/dist/components/VirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.js","sources":["../../src/components/VirtualList.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nexport interface VirtualListProps<T> {\n  /** Array of items to render */\n  items: T[]\n  /** Height of the scrollable container */\n  height: number | string\n  /** Height of each item, or function returning estimated height per item */\n  itemHeight: number | ((item: T, index: number) => number)\n  /** Render function for each item */\n  renderItem: (item: T, index: number) => React.ReactNode\n  /** Number of items to render outside visible area */\n  overscan?: number\n  /** Additional class for the scroll container */\n  className?: string\n  /** Additional class for the inner container */\n  innerClassName?: string\n  /** Additional class for each item wrapper */\n  itemClassName?: string\n  /** Width of the container */\n  width?: number | string\n  /** Gap between items */\n  gap?: number\n  /** Callback when scroll position changes */\n  onScroll?: (scrollTop: number) => void\n}\n\nexport function VirtualList<T>({\n  items,\n  height,\n  itemHeight,\n  renderItem,\n  overscan = 5,\n  className = '',\n  innerClassName = '',\n  itemClassName = '',\n  width,\n  gap = 0,\n  onScroll,\n}: VirtualListProps<T>) {\n  const parentRef = useRef<HTMLDivElement>(null)\n  const itemHeightRef = useRef(itemHeight)\n  const itemsRef = useRef(items)\n  itemHeightRef.current = itemHeight\n  itemsRef.current = items\n\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      const h = typeof itemHeightRef.current === 'function'\n        ? itemHeightRef.current(itemsRef.current[index], index)\n        : itemHeightRef.current\n      return h + gap\n    },\n    overscan,\n  })\n\n  const virtualItems = virtualizer.getVirtualItems()\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    onScroll?.(e.currentTarget.scrollTop)\n  }\n\n  return (\n    <div\n      ref={parentRef}\n      className={`overflow-auto ${className}`}\n      style={{ height, width }}\n      onScroll={handleScroll}\n    >\n      <div\n        className={innerClassName}\n        style={{\n          height: virtualizer.getTotalSize(),\n          width: '100%',\n          position: 'relative',\n        }}\n      >\n        {virtualItems.map((virtualItem) => (\n          <div\n            key={virtualItem.key}\n            className={itemClassName}\n            data-index={virtualItem.index}\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: virtualItem.size - gap,\n              transform: `translateY(${virtualItem.start}px)`,\n            }}\n          >\n            {renderItem(items[virtualItem.index], virtualItem.index)}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nVirtualList.displayName = 'VirtualList'\n"],"names":["VirtualList","items","height","itemHeight","renderItem","overscan","className","innerClassName","itemClassName","width","gap","onScroll","parentRef","useRef","itemHeightRef","itemsRef","virtualizer","useVirtualizer","index","virtualItems","handleScroll","e","jsx","virtualItem"],"mappings":";;;AA4BO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AACF,GAAwB;AACtB,QAAMC,IAAYC,EAAuB,IAAI,GACvCC,IAAgBD,EAAOV,CAAU,GACjCY,IAAWF,EAAOZ,CAAK;AAC7B,EAAAa,EAAc,UAAUX,GACxBY,EAAS,UAAUd;AAEnB,QAAMe,IAAcC,EAAe;AAAA,IACjC,OAAOhB,EAAM;AAAA,IACb,kBAAkB,MAAMW,EAAU;AAAA,IAClC,cAAc,CAACM,OACH,OAAOJ,EAAc,WAAY,aACvCA,EAAc,QAAQC,EAAS,QAAQG,CAAK,GAAGA,CAAK,IACpDJ,EAAc,WACPJ;AAAA,IAEb,UAAAL;AAAA,EAAA,CACD,GAEKc,IAAeH,EAAY,gBAAA,GAE3BI,IAAe,CAACC,MAAqC;AACzD,IAAAV,IAAWU,EAAE,cAAc,SAAS;AAAA,EACtC;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKV;AAAA,MACL,WAAW,iBAAiBN,CAAS;AAAA,MACrC,OAAO,EAAE,QAAAJ,GAAQ,OAAAO,EAAA;AAAA,MACjB,UAAUW;AAAA,MAEV,UAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWf;AAAA,UACX,OAAO;AAAA,YACL,QAAQS,EAAY,aAAA;AAAA,YACpB,OAAO;AAAA,YACP,UAAU;AAAA,UAAA;AAAA,UAGX,UAAAG,EAAa,IAAI,CAACI,MACjB,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWd;AAAA,cACX,cAAYe,EAAY;AAAA,cACxB,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,QAAQA,EAAY,OAAOb;AAAA,gBAC3B,WAAW,cAAca,EAAY,KAAK;AAAA,cAAA;AAAA,cAG3C,YAAWtB,EAAMsB,EAAY,KAAK,GAAGA,EAAY,KAAK;AAAA,YAAA;AAAA,YAZlDA,EAAY;AAAA,UAAA,CAcpB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEAvB,EAAY,cAAc;"}
+{"version":3,"file":"VirtualList.js","sources":["../../src/components/VirtualList.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react'\nimport { MissingDependency } from './MissingDependency'\n\nexport interface VirtualListProps<T> {\n  /** Array of items to render */\n  items: T[]\n  /** Height of the scrollable container */\n  height: number | string\n  /** Height of each item, or function returning estimated height per item */\n  itemHeight: number | ((item: T, index: number) => number)\n  /** Render function for each item */\n  renderItem: (item: T, index: number) => React.ReactNode\n  /** Number of items to render outside visible area */\n  overscan?: number\n  /** Additional class for the scroll container */\n  className?: string\n  /** Additional class for the inner container */\n  innerClassName?: string\n  /** Additional class for each item wrapper */\n  itemClassName?: string\n  /** Width of the container */\n  width?: number | string\n  /** Gap between items */\n  gap?: number\n  /** Callback when scroll position changes */\n  onScroll?: (scrollTop: number) => void\n}\n\nexport function VirtualList<T>({\n  items,\n  height,\n  itemHeight,\n  renderItem,\n  overscan = 5,\n  className = '',\n  innerClassName = '',\n  itemClassName = '',\n  width,\n  gap = 0,\n  onScroll,\n}: VirtualListProps<T>) {\n  const parentRef = useRef<HTMLDivElement>(null)\n  const [missingDep, setMissingDep] = useState(false)\n  const [useVirtualizer, setUseVirtualizer] = useState<any>(null)\n\n  useEffect(() => {\n    import('@tanstack/react-virtual')\n      .then((mod) => {\n        if (mod.useVirtualizer) {\n          setUseVirtualizer(() => mod.useVirtualizer)\n        } else {\n          setMissingDep(true)\n        }\n      })\n      .catch(() => {\n        setMissingDep(true)\n      })\n  }, [])\n\n  if (missingDep) {\n    return <MissingDependency packageName=\"@tanstack/react-virtual\" className={className} />\n  }\n\n  if (!useVirtualizer) {\n    return (\n      <div className={`overflow-auto ${className}`} style={{ height, width }}>\n        <div className=\"flex items-center justify-center h-full\">\n          <span className=\"loading loading-spinner\"></span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <VirtualListInner\n      items={items}\n      height={height}\n      itemHeight={itemHeight}\n      renderItem={renderItem}\n      overscan={overscan}\n      className={className}\n      innerClassName={innerClassName}\n      itemClassName={itemClassName}\n      width={width}\n      gap={gap}\n      onScroll={onScroll}\n      parentRef={parentRef}\n      useVirtualizer={useVirtualizer}\n    />\n  )\n}\n\nfunction VirtualListInner<T>({\n  items,\n  height,\n  itemHeight,\n  renderItem,\n  overscan,\n  className,\n  innerClassName,\n  itemClassName,\n  width,\n  gap,\n  onScroll,\n  parentRef,\n  useVirtualizer,\n}: VirtualListProps<T> & { parentRef: React.RefObject<HTMLDivElement | null>; useVirtualizer: any }) {\n  const itemHeightRef = useRef(itemHeight)\n  const itemsRef = useRef(items)\n  itemHeightRef.current = itemHeight\n  itemsRef.current = items\n\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index: number) => {\n      const h = typeof itemHeightRef.current === 'function'\n        ? itemHeightRef.current(itemsRef.current[index], index)\n        : itemHeightRef.current\n      return h + (gap || 0)\n    },\n    overscan,\n  })\n\n  const virtualItems = virtualizer.getVirtualItems()\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    onScroll?.(e.currentTarget.scrollTop)\n  }\n\n  return (\n    <div\n      ref={parentRef}\n      className={`overflow-auto ${className}`}\n      style={{ height, width }}\n      onScroll={handleScroll}\n    >\n      <div\n        className={innerClassName}\n        style={{\n          height: virtualizer.getTotalSize(),\n          width: '100%',\n          position: 'relative',\n        }}\n      >\n        {virtualItems.map((virtualItem: any) => (\n          <div\n            key={virtualItem.key}\n            className={itemClassName}\n            data-index={virtualItem.index}\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: virtualItem.size - (gap || 0),\n              transform: `translateY(${virtualItem.start}px)`,\n            }}\n          >\n            {renderItem(items[virtualItem.index], virtualItem.index)}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nVirtualList.displayName = 'VirtualList'\n"],"names":["VirtualList","items","height","itemHeight","renderItem","overscan","className","innerClassName","itemClassName","width","gap","onScroll","parentRef","useRef","missingDep","setMissingDep","useState","useVirtualizer","setUseVirtualizer","useEffect","mod","jsx","MissingDependency","VirtualListInner","itemHeightRef","itemsRef","virtualizer","index","virtualItems","handleScroll","virtualItem"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.36",
+  "version": "0.12.40",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {