@aster-ui/prefixed 0.12.54 → 0.12.56

package/dist/components/Chart.js

@@ -1,72 +1,73 @@
-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 g } 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) {
+  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]);
+  return l;
 }
-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 V() {
-  return typeof document > "u" ? [] : [
-    "--color-primary",
-    "--color-secondary",
-    "--color-accent",
-    "--color-info",
-    "--color-success",
-    "--color-warning",
-    "--color-error"
-  ].map((e) => {
-    const t = S(e);
-    return t.includes("oklch") ? x(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;
-  return {
-    colors: o.length > 0 ? o : void 0,
+const j = ({
+  type: t,
+  series: e,
+  width: l = "100%",
+  height: o = 350,
+  options: a = {},
+  themed: i = !0,
+  className: y = ""
+}) => {
+  const u = p(null), n = p(null), { isDark: f, colors: r } = k(), h = () => ({
+    colors: [
+      r.primary,
+      r.secondary,
+      r.accent,
+      r.info,
+      r.success,
+      r.warning,
+      r.error
+    ],
     theme: {
-      mode: l ? "dark" : "light"
+      mode: f ? "dark" : "light"
     },
     chart: {
       background: "transparent",
-      foreColor: t
+      foreColor: r.foreground
     },
     grid: {
-      borderColor: a
+      borderColor: r.foreground + "20"
+      // 12.5% opacity
     },
     xaxis: {
       labels: {
         style: {
-          colors: t
+          colors: r.foreground
         }
       },
       axisBorder: {
-        color: a
+        color: r.foreground + "20"
       },
       axisTicks: {
-        color: a
+        color: r.foreground + "20"
       }
     },
     yaxis: {
       labels: {
         style: {
-          colors: t
+          colors: r.foreground
         }
       }
     },
     legend: {
       labels: {
-        colors: t
+        colors: r.foreground
       }
     },
     tooltip: {
-      theme: l ? "dark" : "light",
+      theme: f ? "dark" : "light",
       style: {
         fontSize: "12px"
       },
@@ -79,7 +80,7 @@ function A() {
     },
     dataLabels: {
       style: {
-        colors: [t, t, t, t, t, t, t]
+        colors: Array(7).fill(r.foreground)
       },
       background: {
         enabled: !1
@@ -88,66 +89,34 @@ function A() {
         enabled: !1
       }
     }
-  };
-}
-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]);
-  return t;
-}
-const $ = ({
-  type: o,
-  series: e,
-  width: t = "100%",
-  height: r = 350,
-  options: a = {},
-  themed: c = !0,
-  className: l = ""
-}) => {
-  const u = C(null), n = C(null), [, f] = v(!1), i = () => {
+  }), d = () => {
     const s = {
       chart: {
-        type: o,
-        width: t,
-        height: r
+        type: t,
+        width: l,
+        height: o
       },
       series: e
     };
-    if (c) {
-      const d = A();
-      return h(h(s, d), a);
+    if (i) {
+      const b = h();
+      return c(c(s, b), a);
     }
-    return h(s, a);
+    return c(s, a);
   };
-  return M(() => {
+  return m(() => {
     if (!u.current) return;
-    const s = i();
-    return n.current = new O(u.current, s), n.current.render(), f(!0), () => {
+    const s = d();
+    return n.current = new x(u.current, s), n.current.render(), () => {
       n.current && (n.current.destroy(), n.current = null);
     };
-  }, []), M(() => {
+  }, []), m(() => {
     if (!n.current) return;
-    const s = i();
+    const s = d();
     n.current.updateOptions(s, !0, !0);
-  }, [o, e, t, r, a, c]), M(() => {
-    if (!c || typeof window > "u") return;
-    const s = new MutationObserver(() => {
-      if (n.current) {
-        const d = i();
-        n.current.updateOptions(d, !0, !0);
-      }
-    });
-    return s.observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["data-theme", "class"]
-    }), () => s.disconnect();
-  }, [c]), /* @__PURE__ */ w("div", { ref: u, className: l });
+  }, [t, e, l, o, a, i, f, r]), /* @__PURE__ */ g("div", { ref: u, className: y });
 };
 export {
-  $ as Chart
+  j 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 } 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":";;;;AAuBA,SAASA,EAA6CC,GAAWC,GAAuB;AACtF,QAAMC,IAAS,EAAE,GAAGF,EAAA;AAEpB,aAAWG,KAAOF;AAChB,IAAIA,EAAOE,CAAG,MAAM,WAEhB,OAAOF,EAAOE,CAAG,KAAM,YACvBF,EAAOE,CAAG,MAAM,QAChB,CAAC,MAAM,QAAQF,EAAOE,CAAG,CAAC,KAC1B,OAAOH,EAAOG,CAAG,KAAM,YACvBH,EAAOG,CAAG,MAAM,QAChB,CAAC,MAAM,QAAQH,EAAOG,CAAG,CAAC,IAE1BD,EAAOC,CAAG,IAAIJ;AAAA,MACZC,EAAOG,CAAG;AAAA,MACVF,EAAOE,CAAG;AAAA,IAAA,IAGZD,EAAOC,CAAG,IAAIF,EAAOE,CAAG;AAK9B,SAAOD;AACT;AAEO,MAAME,IAA8B,CAAC;AAAA,EAC1C,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU,CAAA;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAWC,EAAuB,IAAI,GACtCC,IAAgBD,EAA0B,IAAI,GAC9C,EAAE,QAAAE,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GAGrBC,IAAmB,OAWhB;AAAA,IACL,QAXkB;AAAA,MAClBF,EAAO;AAAA,MACPA,EAAO;AAAA,MACPA,EAAO;AAAA,MACPA,EAAO;AAAA,MACPA,EAAO;AAAA,MACPA,EAAO;AAAA,MACPA,EAAO;AAAA,IAAA;AAAA,IAKP,OAAO;AAAA,MACL,MAAMD,IAAS,SAAS;AAAA,IAAA;AAAA,IAE1B,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,WAAWC,EAAO;AAAA,IAAA;AAAA,IAEpB,MAAM;AAAA,MACJ,aAAaA,EAAO,aAAa;AAAA;AAAA,IAAA;AAAA,IAEnC,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,OAAO;AAAA,UACL,QAAQA,EAAO;AAAA,QAAA;AAAA,MACjB;AAAA,MAEF,YAAY;AAAA,QACV,OAAOA,EAAO,aAAa;AAAA,MAAA;AAAA,MAE7B,WAAW;AAAA,QACT,OAAOA,EAAO,aAAa;AAAA,MAAA;AAAA,IAC7B;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,OAAO;AAAA,UACL,QAAQA,EAAO;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA,IAEF,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,QAAQA,EAAO;AAAA,MAAA;AAAA,IACjB;AAAA,IAEF,SAAS;AAAA,MACP,OAAOD,IAAS,SAAS;AAAA,MACzB,OAAO;AAAA,QACL,UAAU;AAAA,MAAA;AAAA,MAEZ,GAAG;AAAA,QACD,MAAM;AAAA,MAAA;AAAA,MAER,QAAQ;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,YAAY;AAAA,MACV,OAAO;AAAA,QACL,QAAQ,MAAM,CAAC,EAAE,KAAKC,EAAO,UAAU;AAAA,MAAA;AAAA,MAEzC,YAAY;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,MAEX,YAAY;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF,IAKEG,IAAe,MAAmB;AACtC,UAAMC,IAA2B;AAAA,MAC/B,OAAO;AAAA,QACL,MAAAf;AAAA,QACA,OAAAE;AAAA,QACA,QAAAC;AAAA,MAAA;AAAA,MAEF,QAAAF;AAAA,IAAA;AAGF,QAAII,GAAQ;AACV,YAAMW,IAAaH,EAAA;AACnB,aAAOnB,EAAUA,EAAUqB,GAAmDC,CAAgD,GAAGZ,CAA6C;AAAA,IAChL;AAEA,WAAOV,EAAUqB,GAAmDX,CAA6C;AAAA,EACnH;AAGA,SAAAa,EAAU,MAAM;AACd,QAAI,CAACV,EAAS,QAAS;AAEvB,UAAMW,IAAOJ,EAAA;AACb,WAAAL,EAAc,UAAU,IAAIU,EAAWZ,EAAS,SAASW,CAAI,GAC7DT,EAAc,QAAQ,OAAA,GAEf,MAAM;AACX,MAAIA,EAAc,YAChBA,EAAc,QAAQ,QAAA,GACtBA,EAAc,UAAU;AAAA,IAE5B;AAAA,EACF,GAAG,CAAA,CAAE,GAGLQ,EAAU,MAAM;AACd,QAAI,CAACR,EAAc,QAAS;AAE5B,UAAMS,IAAOJ,EAAA;AACb,IAAAL,EAAc,QAAQ,cAAcS,GAAM,IAAM,EAAI;AAAA,EACtD,GAAG,CAAClB,GAAMC,GAAQC,GAAOC,GAAQC,GAASC,GAAQK,GAAQC,CAAM,CAAC,GAE1D,gBAAAS,EAAC,OAAA,EAAI,KAAKb,GAAU,WAAAD,EAAA,CAAsB;AACnD;"}

package/dist/components/CopyButton.js

@@ -1,123 +1,122 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useContext as B } from "react";
-import { useClipboard as G } from "../hooks/useClipboard.js";
-import { IconSizeContext as c } from "../contexts/IconSizeContext.js";
-import { useConfig as H } from "./ConfigProvider.js";
-const M = "d-btn", O = "d-btn-primary", V = "d-btn-secondary", J = "d-btn-accent", K = "d-btn-info", h = "d-btn-success", Q = "d-btn-warning", R = "d-btn-error", U = "d-btn-neutral", Y = "d-btn-outline", Z = "d-btn-dash", _ = "d-btn-soft", $ = "d-btn-ghost", T = "d-btn-link", tt = "d-btn-xs", nt = "d-btn-sm", ot = "d-btn-lg", st = "d-btn-xl", et = "d-btn-square", ct = "d-btn-circle", rt = "d-tooltip", C = {
+import { useClipboard as D } from "../hooks/useClipboard.js";
+import { SizeProvider as F, useSize as p } from "../contexts/SizeContext.js";
+import { useConfig as G } from "./ConfigProvider.js";
+const H = "d-btn", M = "d-btn-primary", O = "d-btn-secondary", V = "d-btn-accent", J = "d-btn-info", h = "d-btn-success", K = "d-btn-warning", Q = "d-btn-error", R = "d-btn-neutral", U = "d-btn-outline", Y = "d-btn-dash", Z = "d-btn-soft", _ = "d-btn-ghost", $ = "d-btn-link", T = "d-btn-xs", tt = "d-btn-sm", nt = "d-btn-lg", ot = "d-btn-xl", st = "d-btn-square", et = "d-btn-circle", ct = "d-tooltip", B = {
   xs: "w-3.5 h-3.5",
   sm: "w-3.5 h-3.5",
   md: "w-4 h-4",
   lg: "w-5 h-5",
   xl: "w-6 h-6"
-}, dt = () => {
-  const n = B(c) ?? "md";
+}, rt = () => {
+  const n = p() ?? "md";
   return /* @__PURE__ */ t(
     "svg",
     {
-      className: C[n],
+      className: B[n],
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
       children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" })
     }
   );
-}, at = () => {
-  const n = B(c) ?? "md";
+}, dt = () => {
+  const n = p() ?? "md";
   return /* @__PURE__ */ t(
     "svg",
     {
-      className: C[n],
+      className: B[n],
       fill: "none",
       viewBox: "0 0 24 24",
       stroke: "currentColor",
       children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "m4.5 12.75 6 6 9-13.5" })
     }
   );
-}, p = {
+}, f = {
   "top-right": "absolute top-2 right-2",
   "top-left": "absolute top-2 left-2",
   "bottom-right": "absolute bottom-2 right-2",
   "bottom-left": "absolute bottom-2 left-2"
-}, it = ({
+}, at = ({
   text: n,
-  timeout: g = 2e3,
-  color: r,
-  variant: d,
-  size: y,
-  shape: a,
+  timeout: C = 2e3,
+  color: c,
+  variant: r,
+  size: g,
+  shape: d,
   position: o,
-  icon: k,
-  copiedIcon: v,
-  children: w,
-  copiedChildren: x,
-  onCopy: S,
-  onError: z,
-  showTooltip: i = !1,
-  tooltipText: l = "Copy",
-  copiedTooltipText: u = "Copied!",
-  className: I = "",
-  disabled: m,
-  onClick: L,
-  ...N
+  icon: y,
+  copiedIcon: k,
+  children: v,
+  copiedChildren: w,
+  onCopy: z,
+  onError: S,
+  showTooltip: a = !1,
+  tooltipText: i = "Copy",
+  copiedTooltipText: l = "Copied!",
+  className: x = "",
+  disabled: u,
+  onClick: I,
+  ...L
 }) => {
-  const { componentSize: j } = H(), b = y ?? j ?? "md", { copy: q, copied: s } = G(g), W = async (e) => {
-    if (L?.(e), m) return;
-    await q(n) ? S?.() : z?.(new Error("Failed to copy to clipboard"));
-  }, E = {
-    primary: O,
-    secondary: V,
-    accent: J,
-    info: K,
+  const { componentSize: N } = G(), b = g ?? N ?? "md", { copy: j, copied: s } = D(C), q = async (e) => {
+    if (I?.(e), u) return;
+    await j(n) ? z?.() : S?.(new Error("Failed to copy to clipboard"));
+  }, W = {
+    primary: M,
+    secondary: O,
+    accent: V,
+    info: J,
     success: h,
-    warning: Q,
-    error: R,
-    neutral: U
-  }, P = {
+    warning: K,
+    error: Q,
+    neutral: R
+  }, E = {
     solid: "",
-    outline: Y,
-    dash: Z,
-    soft: _,
-    ghost: $,
-    link: T
-  }, X = {
-    xs: tt,
-    sm: nt,
+    outline: U,
+    dash: Y,
+    soft: Z,
+    ghost: _,
+    link: $
+  }, P = {
+    xs: T,
+    sm: tt,
     md: "",
-    lg: ot,
-    xl: st
-  }, A = {
-    square: et,
-    circle: ct
-  }, D = [
-    M,
-    r && E[r],
+    lg: nt,
+    xl: ot
+  }, X = {
+    square: st,
+    circle: et
+  }, A = [
+    H,
+    c && W[c],
     s && h,
-    d && P[d],
-    X[b],
-    a && A[a],
+    r && E[r],
+    P[b],
+    d && X[d],
     // Only add position classes if not using tooltip (tooltip wrapper gets them instead)
-    !i && o && p[o],
-    I
-  ].filter(Boolean).join(" "), F = s ? x ?? (v ?? /* @__PURE__ */ t(at, {})) : w ?? (k ?? /* @__PURE__ */ t(dt, {})), f = /* @__PURE__ */ t(
+    !a && o && f[o],
+    x
+  ].filter(Boolean).join(" "), m = /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      className: D,
-      onClick: W,
-      disabled: m,
-      "aria-label": s ? u : l,
-      ...N,
-      children: /* @__PURE__ */ t(c.Provider, { value: b, children: F })
+      className: A,
+      onClick: q,
+      disabled: u,
+      "aria-label": s ? l : i,
+      ...L,
+      children: /* @__PURE__ */ t(F, { size: b, children: s ? w ?? (k ?? /* @__PURE__ */ t(dt, {})) : v ?? (y ?? /* @__PURE__ */ t(rt, {})) })
     }
   );
-  if (i) {
-    const e = [rt, o && p[o]].filter(Boolean).join(" ");
-    return /* @__PURE__ */ t("div", { className: e, "data-tip": s ? u : l, children: f });
+  if (a) {
+    const e = [ct, o && f[o]].filter(Boolean).join(" ");
+    return /* @__PURE__ */ t("div", { className: e, "data-tip": s ? l : i, children: m });
   }
-  return f;
+  return m;
 };
-it.displayName = "CopyButton";
+at.displayName = "CopyButton";
 export {
-  it as CopyButton
+  at as CopyButton
 };
 //# sourceMappingURL=CopyButton.js.map

package/dist/components/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sources":["../../src/components/CopyButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { useClipboard } from '../hooks/useClipboard'\nimport { IconSizeContext } from '../contexts/IconSizeContext'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'd-btn'\nconst dBtnPrimary = 'd-btn-primary'\nconst dBtnSecondary = 'd-btn-secondary'\nconst dBtnAccent = 'd-btn-accent'\nconst dBtnInfo = 'd-btn-info'\nconst dBtnSuccess = 'd-btn-success'\nconst dBtnWarning = 'd-btn-warning'\nconst dBtnError = 'd-btn-error'\nconst dBtnNeutral = 'd-btn-neutral'\nconst dBtnOutline = 'd-btn-outline'\nconst dBtnDash = 'd-btn-dash'\nconst dBtnSoft = 'd-btn-soft'\nconst dBtnGhost = 'd-btn-ghost'\nconst dBtnLink = 'd-btn-link'\nconst dBtnXs = 'd-btn-xs'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnLg = 'd-btn-lg'\nconst dBtnXl = 'd-btn-xl'\nconst dBtnSquare = 'd-btn-square'\nconst dBtnCircle = 'd-btn-circle'\nconst dTooltip = 'd-tooltip'\n\nconst iconSizeClasses = {\n  xs: 'w-3.5 h-3.5',\n  sm: 'w-3.5 h-3.5',\n  md: 'w-4 h-4',\n  lg: 'w-5 h-5',\n  xl: 'w-6 h-6',\n}\n\nexport type CopyButtonPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n\nexport interface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onError'> {\n  /** Text to copy to clipboard */\n  text: string\n  /** Duration in ms to show copied state */\n  timeout?: number\n  /** Button color */\n  color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n  /** Button style variant */\n  variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link'\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Button shape */\n  shape?: 'square' | 'circle'\n  /** Absolute position within parent (parent must have position: relative) */\n  position?: CopyButtonPosition\n  /** Custom icon for default state */\n  icon?: React.ReactNode\n  /** Custom icon for copied state */\n  copiedIcon?: React.ReactNode\n  /** Custom content for default state (overrides icon) */\n  children?: React.ReactNode\n  /** Custom content for copied state */\n  copiedChildren?: React.ReactNode\n  /** Callback when copy succeeds */\n  onCopy?: () => void\n  /** Callback when copy fails */\n  onError?: (error: Error) => void\n  /** Show tooltip with copy status */\n  showTooltip?: boolean\n  /** Tooltip text for default state */\n  tooltipText?: string\n  /** Tooltip text for copied state */\n  copiedTooltipText?: string\n}\n\nconst CopyIcon: React.FC = () => {\n  const size = useContext(IconSizeContext) ?? 'md'\n  return (\n    <svg\n      className={iconSizeClasses[size]}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\" />\n    </svg>\n  )\n}\n\nconst CheckIcon: React.FC = () => {\n  const size = useContext(IconSizeContext) ?? 'md'\n  return (\n    <svg\n      className={iconSizeClasses[size]}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"m4.5 12.75 6 6 9-13.5\" />\n    </svg>\n  )\n}\n\nconst positionClasses: Record<CopyButtonPosition, string> = {\n  'top-right': 'absolute top-2 right-2',\n  'top-left': 'absolute top-2 left-2',\n  'bottom-right': 'absolute bottom-2 right-2',\n  'bottom-left': 'absolute bottom-2 left-2',\n}\n\nexport const CopyButton: React.FC<CopyButtonProps> = ({\n  text,\n  timeout = 2000,\n  color,\n  variant,\n  size,\n  shape,\n  position,\n  icon,\n  copiedIcon,\n  children,\n  copiedChildren,\n  onCopy,\n  onError,\n  showTooltip = false,\n  tooltipText = 'Copy',\n  copiedTooltipText = 'Copied!',\n  className = '',\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const { copy, copied } = useClipboard(timeout)\n\n  const handleClick = async (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e)\n    if (disabled) return\n\n    const success = await copy(text)\n    if (success) {\n      onCopy?.()\n    } else {\n      onError?.(new Error('Failed to copy to clipboard'))\n    }\n  }\n\n  const colorClasses = {\n    primary: dBtnPrimary,\n    secondary: dBtnSecondary,\n    accent: dBtnAccent,\n    info: dBtnInfo,\n    success: dBtnSuccess,\n    warning: dBtnWarning,\n    error: dBtnError,\n    neutral: dBtnNeutral,\n  }\n\n  const variantClasses = {\n    solid: '',\n    outline: dBtnOutline,\n    dash: dBtnDash,\n    soft: dBtnSoft,\n    ghost: dBtnGhost,\n    link: dBtnLink,\n  }\n\n  const sizeClasses = {\n    xs: dBtnXs,\n    sm: dBtnSm,\n    md: '',\n    lg: dBtnLg,\n    xl: dBtnXl,\n  }\n\n  const shapeClasses = {\n    square: dBtnSquare,\n    circle: dBtnCircle,\n  }\n\n  const classes = [\n    dBtn,\n    color && colorClasses[color],\n    copied && dBtnSuccess,\n    variant && variantClasses[variant],\n    sizeClasses[effectiveSize],\n    shape && shapeClasses[shape],\n    // Only add position classes if not using tooltip (tooltip wrapper gets them instead)\n    !showTooltip && position && positionClasses[position],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const defaultIcon = icon ?? <CopyIcon />\n  const successIcon = copiedIcon ?? <CheckIcon />\n\n  const content = copied\n    ? (copiedChildren ?? successIcon)\n    : (children ?? defaultIcon)\n\n  const button = (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={handleClick}\n      disabled={disabled}\n      aria-label={copied ? copiedTooltipText : tooltipText}\n      {...rest}\n    >\n      <IconSizeContext.Provider value={effectiveSize}>\n        {content}\n      </IconSizeContext.Provider>\n    </button>\n  )\n\n  if (showTooltip) {\n    const tooltipClasses = [dTooltip, position && positionClasses[position]].filter(Boolean).join(' ')\n    return (\n      <div className={tooltipClasses} data-tip={copied ? copiedTooltipText : tooltipText}>\n        {button}\n      </div>\n    )\n  }\n\n  return button\n}\n\nCopyButton.displayName = 'CopyButton'\n"],"names":["dBtn","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnInfo","dBtnSuccess","dBtnWarning","dBtnError","dBtnNeutral","dBtnOutline","dBtnDash","dBtnSoft","dBtnGhost","dBtnLink","dBtnXs","dBtnSm","dBtnLg","dBtnXl","dBtnSquare","dBtnCircle","dTooltip","iconSizeClasses","CopyIcon","size","useContext","IconSizeContext","jsx","CheckIcon","positionClasses","CopyButton","text","timeout","color","variant","shape","position","icon","copiedIcon","children","copiedChildren","onCopy","onError","showTooltip","tooltipText","copiedTooltipText","className","disabled","onClick","rest","componentSize","useConfig","effectiveSize","copy","copied","useClipboard","handleClick","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","content","button","tooltipClasses"],"mappings":"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"}
+{"version":3,"file":"CopyButton.js","sources":["../../src/components/CopyButton.tsx"],"sourcesContent":["import React from 'react'\nimport { useClipboard } from '../hooks/useClipboard'\nimport { SizeProvider, useSize } from '../contexts/SizeContext'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'd-btn'\nconst dBtnPrimary = 'd-btn-primary'\nconst dBtnSecondary = 'd-btn-secondary'\nconst dBtnAccent = 'd-btn-accent'\nconst dBtnInfo = 'd-btn-info'\nconst dBtnSuccess = 'd-btn-success'\nconst dBtnWarning = 'd-btn-warning'\nconst dBtnError = 'd-btn-error'\nconst dBtnNeutral = 'd-btn-neutral'\nconst dBtnOutline = 'd-btn-outline'\nconst dBtnDash = 'd-btn-dash'\nconst dBtnSoft = 'd-btn-soft'\nconst dBtnGhost = 'd-btn-ghost'\nconst dBtnLink = 'd-btn-link'\nconst dBtnXs = 'd-btn-xs'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnLg = 'd-btn-lg'\nconst dBtnXl = 'd-btn-xl'\nconst dBtnSquare = 'd-btn-square'\nconst dBtnCircle = 'd-btn-circle'\nconst dTooltip = 'd-tooltip'\n\nconst iconSizeClasses = {\n  xs: 'w-3.5 h-3.5',\n  sm: 'w-3.5 h-3.5',\n  md: 'w-4 h-4',\n  lg: 'w-5 h-5',\n  xl: 'w-6 h-6',\n}\n\nexport type CopyButtonPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n\nexport interface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onError'> {\n  /** Text to copy to clipboard */\n  text: string\n  /** Duration in ms to show copied state */\n  timeout?: number\n  /** Button color */\n  color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n  /** Button style variant */\n  variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link'\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Button shape */\n  shape?: 'square' | 'circle'\n  /** Absolute position within parent (parent must have position: relative) */\n  position?: CopyButtonPosition\n  /** Custom icon for default state */\n  icon?: React.ReactNode\n  /** Custom icon for copied state */\n  copiedIcon?: React.ReactNode\n  /** Custom content for default state (overrides icon) */\n  children?: React.ReactNode\n  /** Custom content for copied state */\n  copiedChildren?: React.ReactNode\n  /** Callback when copy succeeds */\n  onCopy?: () => void\n  /** Callback when copy fails */\n  onError?: (error: Error) => void\n  /** Show tooltip with copy status */\n  showTooltip?: boolean\n  /** Tooltip text for default state */\n  tooltipText?: string\n  /** Tooltip text for copied state */\n  copiedTooltipText?: string\n}\n\nconst CopyIcon: React.FC = () => {\n  const size = useSize() ?? 'md'\n  return (\n    <svg\n      className={iconSizeClasses[size]}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\" />\n    </svg>\n  )\n}\n\nconst CheckIcon: React.FC = () => {\n  const size = useSize() ?? 'md'\n  return (\n    <svg\n      className={iconSizeClasses[size]}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"m4.5 12.75 6 6 9-13.5\" />\n    </svg>\n  )\n}\n\nconst positionClasses: Record<CopyButtonPosition, string> = {\n  'top-right': 'absolute top-2 right-2',\n  'top-left': 'absolute top-2 left-2',\n  'bottom-right': 'absolute bottom-2 right-2',\n  'bottom-left': 'absolute bottom-2 left-2',\n}\n\nexport const CopyButton: React.FC<CopyButtonProps> = ({\n  text,\n  timeout = 2000,\n  color,\n  variant,\n  size,\n  shape,\n  position,\n  icon,\n  copiedIcon,\n  children,\n  copiedChildren,\n  onCopy,\n  onError,\n  showTooltip = false,\n  tooltipText = 'Copy',\n  copiedTooltipText = 'Copied!',\n  className = '',\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const { copy, copied } = useClipboard(timeout)\n\n  const handleClick = async (e: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e)\n    if (disabled) return\n\n    const success = await copy(text)\n    if (success) {\n      onCopy?.()\n    } else {\n      onError?.(new Error('Failed to copy to clipboard'))\n    }\n  }\n\n  const colorClasses = {\n    primary: dBtnPrimary,\n    secondary: dBtnSecondary,\n    accent: dBtnAccent,\n    info: dBtnInfo,\n    success: dBtnSuccess,\n    warning: dBtnWarning,\n    error: dBtnError,\n    neutral: dBtnNeutral,\n  }\n\n  const variantClasses = {\n    solid: '',\n    outline: dBtnOutline,\n    dash: dBtnDash,\n    soft: dBtnSoft,\n    ghost: dBtnGhost,\n    link: dBtnLink,\n  }\n\n  const sizeClasses = {\n    xs: dBtnXs,\n    sm: dBtnSm,\n    md: '',\n    lg: dBtnLg,\n    xl: dBtnXl,\n  }\n\n  const shapeClasses = {\n    square: dBtnSquare,\n    circle: dBtnCircle,\n  }\n\n  const classes = [\n    dBtn,\n    color && colorClasses[color],\n    copied && dBtnSuccess,\n    variant && variantClasses[variant],\n    sizeClasses[effectiveSize],\n    shape && shapeClasses[shape],\n    // Only add position classes if not using tooltip (tooltip wrapper gets them instead)\n    !showTooltip && position && positionClasses[position],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const defaultIcon = icon ?? <CopyIcon />\n  const successIcon = copiedIcon ?? <CheckIcon />\n\n  const content = copied\n    ? (copiedChildren ?? successIcon)\n    : (children ?? defaultIcon)\n\n  const button = (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={handleClick}\n      disabled={disabled}\n      aria-label={copied ? copiedTooltipText : tooltipText}\n      {...rest}\n    >\n      <SizeProvider size={effectiveSize}>\n        {content}\n      </SizeProvider>\n    </button>\n  )\n\n  if (showTooltip) {\n    const tooltipClasses = [dTooltip, position && positionClasses[position]].filter(Boolean).join(' ')\n    return (\n      <div className={tooltipClasses} data-tip={copied ? copiedTooltipText : tooltipText}>\n        {button}\n      </div>\n    )\n  }\n\n  return button\n}\n\nCopyButton.displayName = 'CopyButton'\n"],"names":["dBtn","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnInfo","dBtnSuccess","dBtnWarning","dBtnError","dBtnNeutral","dBtnOutline","dBtnDash","dBtnSoft","dBtnGhost","dBtnLink","dBtnXs","dBtnSm","dBtnLg","dBtnXl","dBtnSquare","dBtnCircle","dTooltip","iconSizeClasses","CopyIcon","size","useSize","jsx","CheckIcon","positionClasses","CopyButton","text","timeout","color","variant","shape","position","icon","copiedIcon","children","copiedChildren","onCopy","onError","showTooltip","tooltipText","copiedTooltipText","className","disabled","onClick","rest","componentSize","useConfig","effectiveSize","copy","copied","useClipboard","handleClick","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","button","SizeProvider","tooltipClasses"],"mappings":"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"}

package/dist/components/Drawer.js

@@ -41,7 +41,7 @@ const Te = ve(
     "data-testid": y,
     ...se
   }, ae) => {
-    const m = h(null), p = h(null), v = h(null), j = h(null), q = P(), A = P(), [oe, ie] = k(!1), [le, I] = k(r || B), [Le, w] = k(!1), M = Se();
+    const m = h(null), p = h(null), v = h(null), j = h(null), q = P(), I = P(), [oe, ie] = k(!1), [le, M] = k(r || B), [, w] = k(!1), X = Se();
     we(ae, () => ({
       nativeElement: m.current
     })), C(() => {
@@ -68,12 +68,12 @@ const Te = ve(
       },
       [D, o]
     ), fe = E(() => {
-      w(!1), N?.(r), !r && L && I(!1);
+      w(!1), N?.(r), !r && L && M(!1);
     }, [r, N, L]);
     C(() => {
       if (!(typeof document > "u"))
         if (r) {
-          I(!0), w(!0), j.current = document.activeElement, document.body.style.overflow = "hidden";
+          M(!0), w(!0), j.current = document.activeElement, document.body.style.overflow = "hidden";
           const e = setTimeout(() => {
             R === "close" && p.current ? p.current.focus() : v.current && v.current.querySelector(
               'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -96,7 +96,7 @@ const Te = ve(
       bottom: "inset-x-0 bottom-0",
       left: "inset-y-0 left-0"
     }, be = (e) => {
-      const t = M && r ? M.pushDistance : 0;
+      const t = X && r ? X.pushDistance : 0;
       if (e) {
         if (t === 0) return "translate(0, 0)";
         switch (i) {
@@ -120,7 +120,7 @@ const Te = ve(
         case "left":
           return "translateX(-100%)";
       }
-    }, ye = de(), pe = () => l === !1 ? null : typeof l == "function" ? l() : l || (typeof document < "u" ? document.body : null), a = (e) => y ? `${y}-${e}` : void 0, X = /* @__PURE__ */ n(F.Provider, { value: { push: c, pushDistance: ue() }, children: /* @__PURE__ */ d(
+    }, ye = de(), pe = () => l === !1 ? null : typeof l == "function" ? l() : l || (typeof document < "u" ? document.body : null), a = (e) => y ? `${y}-${e}` : void 0, Y = /* @__PURE__ */ n(F.Provider, { value: { push: c, pushDistance: ue() }, children: /* @__PURE__ */ d(
       "div",
       {
         className: `fixed inset-0 ${r ? "" : "pointer-events-none"} ${Q}`,
@@ -147,7 +147,7 @@ const Te = ve(
               role: "dialog",
               "aria-modal": "true",
               "aria-labelledby": f ? q : void 0,
-              "aria-describedby": A,
+              "aria-describedby": I,
               className: `fixed flex flex-col bg-base-100 shadow-xl transition-transform duration-300 ease-in-out ${he[i]} ${J}`,
               style: {
                 ...ye,
@@ -206,7 +206,7 @@ const Te = ve(
                   "div",
                   {
                     ref: v,
-                    id: A,
+                    id: I,
                     className: "flex-1 overflow-auto p-6",
                     style: _,
                     "data-testid": a("body"),
@@ -235,8 +235,8 @@ const Te = ve(
       }
     ) });
     if (!oe || !le && !r && !B) return null;
-    const Y = pe();
-    return Y === null ? X : ke(X, Y);
+    const A = pe();
+    return A === null ? Y : ke(Y, A);
   }
 );
 Te.displayName = "Drawer";