@aster-ui/prefixed 0.12.50

package/dist/components/Chart.js

@@ -0,0 +1,153 @@
+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();
+}
+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,
+    theme: {
+      mode: l ? "dark" : "light"
+    },
+    chart: {
+      background: "transparent",
+      foreColor: t
+    },
+    grid: {
+      borderColor: a
+    },
+    xaxis: {
+      labels: {
+        style: {
+          colors: t
+        }
+      },
+      axisBorder: {
+        color: a
+      },
+      axisTicks: {
+        color: a
+      }
+    },
+    yaxis: {
+      labels: {
+        style: {
+          colors: t
+        }
+      }
+    },
+    legend: {
+      labels: {
+        colors: t
+      }
+    },
+    tooltip: {
+      theme: l ? "dark" : "light",
+      style: {
+        fontSize: "12px"
+      },
+      x: {
+        show: !0
+      },
+      marker: {
+        show: !0
+      }
+    },
+    dataLabels: {
+      style: {
+        colors: [t, t, t, t, t, t, t]
+      },
+      background: {
+        enabled: !1
+      },
+      dropShadow: {
+        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 = () => {
+    const s = {
+      chart: {
+        type: o,
+        width: t,
+        height: r
+      },
+      series: e
+    };
+    if (c) {
+      const d = A();
+      return h(h(s, d), a);
+    }
+    return h(s, a);
+  };
+  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);
+    };
+  }, []), M(() => {
+    if (!n.current) return;
+    const s = i();
+    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 });
+};
+export {
+  $ as Chart
+};
+//# sourceMappingURL=Chart.js.map

package/dist/components/Chart.js.map

@@ -0,0 +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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"}

package/dist/components/Chat.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface ChatProps extends React.HTMLAttributes<HTMLDivElement> {
+    message: React.ReactNode;
+    position?: 'start' | 'end';
+    avatar?: string;
+    avatarAlt?: string;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+}
+export declare const Chat: React.FC<ChatProps>;

package/dist/components/Chat.js

@@ -0,0 +1,33 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+const C = "d-chat", m = "d-chat-start", B = "d-chat-end", v = "d-chat-image", N = "d-chat-header", f = "d-chat-bubble", g = "d-chat-bubble-primary", p = "d-chat-bubble-secondary", y = "d-chat-bubble-accent", $ = "d-chat-bubble-neutral", j = "d-chat-bubble-info", w = "d-chat-bubble-success", x = "d-chat-bubble-warning", S = "d-chat-bubble-error", A = "d-chat-footer", E = "d-avatar", F = ({
+  message: b,
+  position: r = "start",
+  avatar: c,
+  avatarAlt: l = "",
+  header: s,
+  footer: e,
+  color: a,
+  className: h = "",
+  ...o
+}) => {
+  const u = r === "start" ? m : B, d = {
+    primary: g,
+    secondary: p,
+    accent: y,
+    neutral: $,
+    info: j,
+    success: w,
+    warning: x,
+    error: S
+  }, n = [f];
+  return a && d[a] && n.push(d[a]), /* @__PURE__ */ i("div", { className: `${C} ${u} ${h}`, ...o, children: [
+    c && /* @__PURE__ */ t("div", { className: `${v} ${E}`, children: /* @__PURE__ */ t("div", { className: "w-10 rounded-full", children: /* @__PURE__ */ t("img", { alt: l, src: c }) }) }),
+    s && /* @__PURE__ */ t("div", { className: N, children: s }),
+    /* @__PURE__ */ t("div", { className: n.join(" "), children: b }),
+    e && /* @__PURE__ */ t("div", { className: A, children: e })
+  ] });
+};
+export {
+  F as Chat
+};
+//# sourceMappingURL=Chat.js.map

package/dist/components/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.js","sources":["../../src/components/Chat.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dChat = 'd-chat'\nconst dChatStart = 'd-chat-start'\nconst dChatEnd = 'd-chat-end'\nconst dChatImage = 'd-chat-image'\nconst dChatHeader = 'd-chat-header'\nconst dChatBubble = 'd-chat-bubble'\nconst dChatBubblePrimary = 'd-chat-bubble-primary'\nconst dChatBubbleSecondary = 'd-chat-bubble-secondary'\nconst dChatBubbleAccent = 'd-chat-bubble-accent'\nconst dChatBubbleNeutral = 'd-chat-bubble-neutral'\nconst dChatBubbleInfo = 'd-chat-bubble-info'\nconst dChatBubbleSuccess = 'd-chat-bubble-success'\nconst dChatBubbleWarning = 'd-chat-bubble-warning'\nconst dChatBubbleError = 'd-chat-bubble-error'\nconst dChatFooter = 'd-chat-footer'\nconst dAvatar = 'd-avatar'\n\nexport interface ChatProps extends React.HTMLAttributes<HTMLDivElement> {\n  message: React.ReactNode\n  position?: 'start' | 'end'\n  avatar?: string\n  avatarAlt?: string\n  header?: React.ReactNode\n  footer?: React.ReactNode\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error'\n}\n\nexport const Chat: React.FC<ChatProps> = ({\n  message,\n  position = 'start',\n  avatar,\n  avatarAlt = '',\n  header,\n  footer,\n  color,\n  className = '',\n  ...rest\n}) => {\n  const positionClass = position === 'start' ? dChatStart : dChatEnd\n\n  const colorClasses: Record<string, string> = {\n    primary: dChatBubblePrimary,\n    secondary: dChatBubbleSecondary,\n    accent: dChatBubbleAccent,\n    neutral: dChatBubbleNeutral,\n    info: dChatBubbleInfo,\n    success: dChatBubbleSuccess,\n    warning: dChatBubbleWarning,\n    error: dChatBubbleError,\n  }\n\n  const bubbleClasses = [dChatBubble]\n  if (color && colorClasses[color]) {\n    bubbleClasses.push(colorClasses[color])\n  }\n\n  return (\n    <div className={`${dChat} ${positionClass} ${className}`} {...rest}>\n      {avatar && (\n        <div className={`${dChatImage} ${dAvatar}`}>\n          <div className=\"w-10 rounded-full\">\n            <img alt={avatarAlt} src={avatar} />\n          </div>\n        </div>\n      )}\n      {header && <div className={dChatHeader}>{header}</div>}\n      <div className={bubbleClasses.join(' ')}>{message}</div>\n      {footer && <div className={dChatFooter}>{footer}</div>}\n    </div>\n  )\n}\n"],"names":["dChat","dChatStart","dChatEnd","dChatImage","dChatHeader","dChatBubble","dChatBubblePrimary","dChatBubbleSecondary","dChatBubbleAccent","dChatBubbleNeutral","dChatBubbleInfo","dChatBubbleSuccess","dChatBubbleWarning","dChatBubbleError","dChatFooter","dAvatar","Chat","message","position","avatar","avatarAlt","header","footer","color","className","rest","positionClass","colorClasses","bubbleClasses","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAQ,UACRC,IAAa,gBACbC,IAAW,cACXC,IAAa,gBACbC,IAAc,iBACdC,IAAc,iBACdC,IAAqB,yBACrBC,IAAuB,2BACvBC,IAAoB,wBACpBC,IAAqB,yBACrBC,IAAkB,sBAClBC,IAAqB,yBACrBC,IAAqB,yBACrBC,IAAmB,uBACnBC,IAAc,iBACdC,IAAU,YAYHC,IAA4B,CAAC;AAAA,EACxC,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgBR,MAAa,UAAUjB,IAAaC,GAEpDyB,IAAuC;AAAA,IAC3C,SAASrB;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,GAGHe,IAAgB,CAACvB,CAAW;AAClC,SAAIkB,KAASI,EAAaJ,CAAK,KAC7BK,EAAc,KAAKD,EAAaJ,CAAK,CAAC,GAItC,gBAAAM,EAAC,OAAA,EAAI,WAAW,GAAG7B,CAAK,IAAI0B,CAAa,IAAIF,CAAS,IAAK,GAAGC,GAC3D,UAAA;AAAA,IAAAN,uBACE,OAAA,EAAI,WAAW,GAAGhB,CAAU,IAAIY,CAAO,IACtC,UAAA,gBAAAe,EAAC,SAAI,WAAU,qBACb,4BAAC,OAAA,EAAI,KAAKV,GAAW,KAAKD,GAAQ,GACpC,EAAA,CACF;AAAA,IAEDE,KAAU,gBAAAS,EAAC,OAAA,EAAI,WAAW1B,GAAc,UAAAiB,GAAO;AAAA,sBAC/C,OAAA,EAAI,WAAWO,EAAc,KAAK,GAAG,GAAI,UAAAX,GAAQ;AAAA,IACjDK,KAAU,gBAAAQ,EAAC,OAAA,EAAI,WAAWhB,GAAc,UAAAQ,EAAA,CAAO;AAAA,EAAA,GAClD;AAEJ;"}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface CheckboxSwapConfig {
+    /** Content shown when checked */
+    on: React.ReactNode;
+    /** Content shown when unchecked */
+    off: React.ReactNode;
+    /** Animation effect for the swap transition */
+    effect?: 'rotate' | 'flip';
+}
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    children?: React.ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error';
+    indeterminate?: boolean;
+    /** Swap mode: toggle between two visual states instead of showing a checkbox */
+    swap?: CheckboxSwapConfig;
+    className?: string;
+}
+export interface CheckboxOptionType {
+    label: React.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+}
+export interface CheckboxGroupProps {
+    children?: React.ReactNode;
+    value?: (string | number)[];
+    defaultValue?: (string | number)[];
+    onChange?: (values: (string | number)[]) => void;
+    disabled?: boolean;
+    options?: (string | number | CheckboxOptionType)[];
+    /** Layout direction for options */
+    direction?: 'horizontal' | 'vertical';
+    /** HTML name attribute for all checkboxes in the group (for form submission) */
+    name?: string;
+    className?: string;
+    'data-testid'?: string;
+}
+declare function CheckboxGroup({ children, value, defaultValue, onChange, disabled, options, direction, name, className, 'data-testid': testId }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
+    Group: typeof CheckboxGroup;
+};
+export {};

package/dist/components/Checkbox.js

@@ -0,0 +1,156 @@
+import { jsxs as g, jsx as c } from "react/jsx-runtime";
+import V, { forwardRef as G, useContext as O, createContext as P } from "react";
+import { useConfig as B } from "./ConfigProvider.js";
+const T = "d-checkbox", X = "d-checkbox-xs", A = "d-checkbox-sm", D = "d-checkbox-md", E = "d-checkbox-lg", F = "d-checkbox-xl", L = "d-checkbox-primary", M = "d-checkbox-secondary", W = "d-checkbox-accent", q = "d-checkbox-neutral", H = "d-checkbox-success", I = "d-checkbox-warning", J = "d-checkbox-info", K = "d-checkbox-error", Q = "d-swap", U = "d-swap-rotate", Y = "d-swap-flip", Z = "d-swap-on", _ = "d-swap-off", R = P(null);
+function ee({
+  children: u,
+  value: b,
+  defaultValue: C,
+  onChange: i,
+  disabled: d = !1,
+  options: l,
+  direction: o = "vertical",
+  name: v,
+  className: m = "",
+  "data-testid": r
+}) {
+  const [h, s] = V.useState(C || []), f = b !== void 0 ? b : h, t = {
+    value: f,
+    onChange: (x, e) => {
+      const n = e ? [...f, x] : f.filter((k) => k !== x);
+      b === void 0 && s(n), i?.(n);
+    },
+    disabled: d,
+    name: v
+  };
+  if (l) {
+    const x = o === "horizontal" ? "flex flex-row flex-wrap gap-4" : "flex flex-col gap-2";
+    return /* @__PURE__ */ c(R.Provider, { value: t, children: /* @__PURE__ */ c("div", { className: `${x} ${m}`.trim(), "data-testid": r, children: l.map((e) => {
+      if (typeof e == "string" || typeof e == "number") {
+        const n = r ? `${r}-option-${e}` : void 0;
+        return /* @__PURE__ */ g("label", { className: "flex items-center cursor-pointer gap-2", children: [
+          /* @__PURE__ */ c(y, { value: e, "data-testid": n }),
+          /* @__PURE__ */ c("span", { children: e })
+        ] }, e);
+      } else {
+        const n = r ? `${r}-option-${e.value}` : void 0;
+        return /* @__PURE__ */ g("label", { className: "flex items-center cursor-pointer gap-2", children: [
+          /* @__PURE__ */ c(y, { value: e.value, disabled: e.disabled, "data-testid": n }),
+          /* @__PURE__ */ c("span", { children: e.label })
+        ] }, e.value);
+      }
+    }) }) });
+  }
+  return /* @__PURE__ */ c(R.Provider, { value: t, children: /* @__PURE__ */ c("div", { className: m, children: u }) });
+}
+const y = G(
+  ({
+    children: u,
+    size: b,
+    color: C,
+    indeterminate: i = !1,
+    swap: d,
+    className: l = "",
+    value: o,
+    checked: v,
+    onChange: m,
+    disabled: r,
+    ...h
+  }, s) => {
+    const { componentSize: f } = B(), w = b ?? f ?? "md", t = O(R), x = {
+      xs: X,
+      sm: A,
+      md: D,
+      lg: E,
+      xl: F
+    }, e = {
+      primary: L,
+      secondary: M,
+      accent: W,
+      neutral: q,
+      success: H,
+      warning: I,
+      info: J,
+      error: K
+    }, n = [
+      T,
+      w && x[w],
+      C && e[C]
+    ].filter(Boolean).join(" "), k = t?.name ?? h.name, S = i ? "mixed" : void 0, p = t && o !== void 0 && (typeof o == "string" || typeof o == "number") ? t.value?.includes(o) ?? !1 : v, N = t?.disabled || r, $ = (a) => {
+      t && o !== void 0 && (typeof o == "string" || typeof o == "number") && t.onChange?.(o, a.target.checked), m?.(a);
+    }, z = V.useCallback(
+      (a) => {
+        a && (a.indeterminate = i), typeof s == "function" ? s(a) : s && (s.current = a);
+      },
+      [i, s]
+    ), j = i ? "indeterminate" : p ? "checked" : "unchecked";
+    if (d) {
+      const a = [
+        Q,
+        d.effect === "rotate" && U,
+        d.effect === "flip" && Y,
+        l
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ g("label", { className: a, children: [
+        /* @__PURE__ */ c(
+          "input",
+          {
+            ref: s,
+            type: "checkbox",
+            name: k,
+            checked: p,
+            onChange: $,
+            disabled: N,
+            "aria-checked": S,
+            "data-state": j,
+            ...h
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: Z, children: d.on }),
+        /* @__PURE__ */ c("div", { className: _, children: d.off })
+      ] });
+    }
+    return u ? /* @__PURE__ */ g("label", { className: `flex items-center cursor-pointer gap-2 ${l}`.trim(), children: [
+      /* @__PURE__ */ c(
+        "input",
+        {
+          ref: z,
+          type: "checkbox",
+          className: n,
+          name: k,
+          value: o,
+          checked: p,
+          onChange: $,
+          disabled: N,
+          "aria-checked": S,
+          "data-state": j,
+          ...h
+        }
+      ),
+      /* @__PURE__ */ c("span", { children: u })
+    ] }) : /* @__PURE__ */ c(
+      "input",
+      {
+        ref: z,
+        type: "checkbox",
+        className: `${n} ${l}`.trim(),
+        name: k,
+        value: o,
+        checked: p,
+        onChange: $,
+        disabled: N,
+        "aria-checked": S,
+        "data-state": j,
+        ...h
+      }
+    );
+  }
+);
+y.displayName = "Checkbox";
+const ne = Object.assign(y, {
+  Group: ee
+});
+export {
+  ne as Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, createContext, useContext } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dCheckbox = 'd-checkbox'\nconst dCheckboxXs = 'd-checkbox-xs'\nconst dCheckboxSm = 'd-checkbox-sm'\nconst dCheckboxMd = 'd-checkbox-md'\nconst dCheckboxLg = 'd-checkbox-lg'\nconst dCheckboxXl = 'd-checkbox-xl'\nconst dCheckboxPrimary = 'd-checkbox-primary'\nconst dCheckboxSecondary = 'd-checkbox-secondary'\nconst dCheckboxAccent = 'd-checkbox-accent'\nconst dCheckboxNeutral = 'd-checkbox-neutral'\nconst dCheckboxSuccess = 'd-checkbox-success'\nconst dCheckboxWarning = 'd-checkbox-warning'\nconst dCheckboxInfo = 'd-checkbox-info'\nconst dCheckboxError = 'd-checkbox-error'\nconst dSwap = 'd-swap'\nconst dSwapRotate = 'd-swap-rotate'\nconst dSwapFlip = 'd-swap-flip'\nconst dSwapOn = 'd-swap-on'\nconst dSwapOff = 'd-swap-off'\n\nexport interface CheckboxSwapConfig {\n  /** Content shown when checked */\n  on: React.ReactNode\n  /** Content shown when unchecked */\n  off: React.ReactNode\n  /** Animation effect for the swap transition */\n  effect?: 'rotate' | 'flip'\n}\n\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  children?: React.ReactNode\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n  indeterminate?: boolean\n  /** Swap mode: toggle between two visual states instead of showing a checkbox */\n  swap?: CheckboxSwapConfig\n  className?: string\n}\n\nexport interface CheckboxOptionType {\n  label: React.ReactNode\n  value: string | number\n  disabled?: boolean\n}\n\nexport interface CheckboxGroupProps {\n  children?: React.ReactNode\n  value?: (string | number)[]\n  defaultValue?: (string | number)[]\n  onChange?: (values: (string | number)[]) => void\n  disabled?: boolean\n  options?: (string | number | CheckboxOptionType)[]\n  /** Layout direction for options */\n  direction?: 'horizontal' | 'vertical'\n  /** HTML name attribute for all checkboxes in the group (for form submission) */\n  name?: string\n  className?: string\n  'data-testid'?: string\n}\n\ninterface CheckboxGroupContextValue {\n  value?: (string | number)[]\n  onChange?: (checkedValue: string | number, checked: boolean) => void\n  disabled?: boolean\n  name?: string\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null)\n\nfunction CheckboxGroup({\n  children,\n  value,\n  defaultValue,\n  onChange,\n  disabled = false,\n  options,\n  direction = 'vertical',\n  name,\n  className = '',\n  'data-testid': testId\n}: CheckboxGroupProps) {\n  const [internalValue, setInternalValue] = React.useState<(string | number)[]>(defaultValue || [])\n  const currentValue = value !== undefined ? value : internalValue\n\n  const handleChange = (checkedValue: string | number, checked: boolean) => {\n    const newValue = checked\n      ? [...currentValue, checkedValue]\n      : currentValue.filter((v) => v !== checkedValue)\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const contextValue: CheckboxGroupContextValue = {\n    value: currentValue,\n    onChange: handleChange,\n    disabled,\n    name,\n  }\n\n  // If options are provided, render checkboxes automatically\n  if (options) {\n    const directionClasses = direction === 'horizontal' ? 'flex flex-row flex-wrap gap-4' : 'flex flex-col gap-2'\n    return (\n      <CheckboxGroupContext.Provider value={contextValue}>\n        <div className={`${directionClasses} ${className}`.trim()} data-testid={testId}>\n          {options.map((option) => {\n            if (typeof option === 'string' || typeof option === 'number') {\n              const optionTestId = testId ? `${testId}-option-${option}` : undefined\n              return (\n                <label key={option} className=\"flex items-center cursor-pointer gap-2\">\n                  <CheckboxRoot value={option} data-testid={optionTestId} />\n                  <span>{option}</span>\n                </label>\n              )\n            } else {\n              const optionTestId = testId ? `${testId}-option-${option.value}` : undefined\n              return (\n                <label key={option.value} className=\"flex items-center cursor-pointer gap-2\">\n                  <CheckboxRoot value={option.value} disabled={option.disabled} data-testid={optionTestId} />\n                  <span>{option.label}</span>\n                </label>\n              )\n            }\n          })}\n        </div>\n      </CheckboxGroupContext.Provider>\n    )\n  }\n\n  return (\n    <CheckboxGroupContext.Provider value={contextValue}>\n      <div className={className}>{children}</div>\n    </CheckboxGroupContext.Provider>\n  )\n}\n\nconst CheckboxRoot = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      children,\n      size,\n      color,\n      indeterminate = false,\n      swap,\n      className = '',\n      value,\n      checked,\n      onChange,\n      disabled: disabledProp,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n    const groupContext = useContext(CheckboxGroupContext)\n\n    const sizeClasses = {\n      xs: dCheckboxXs,\n      sm: dCheckboxSm,\n      md: dCheckboxMd,\n      lg: dCheckboxLg,\n      xl: dCheckboxXl,\n    }\n\n    const colorClasses = {\n      primary: dCheckboxPrimary,\n      secondary: dCheckboxSecondary,\n      accent: dCheckboxAccent,\n      neutral: dCheckboxNeutral,\n      success: dCheckboxSuccess,\n      warning: dCheckboxWarning,\n      info: dCheckboxInfo,\n      error: dCheckboxError,\n    }\n\n    const checkboxClasses = [\n      dCheckbox,\n      effectiveSize && sizeClasses[effectiveSize],\n      color && colorClasses[color],\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // Get name from group context or props\n    const inputName = groupContext?.name ?? props.name\n\n    // aria-checked should be \"mixed\" for indeterminate state\n    const ariaChecked = indeterminate ? 'mixed' : undefined\n\n    // If in a group, use group's value to determine checked state\n    const isChecked = groupContext && value !== undefined && (typeof value === 'string' || typeof value === 'number')\n      ? groupContext.value?.includes(value) ?? false\n      : checked\n\n    const isDisabled = groupContext?.disabled || disabledProp\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (groupContext && value !== undefined && (typeof value === 'string' || typeof value === 'number')) {\n        groupContext.onChange?.(value, e.target.checked)\n      }\n      onChange?.(e)\n    }\n\n    // Handle indeterminate state\n    const checkboxRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        if (node) {\n          node.indeterminate = indeterminate\n        }\n        if (typeof ref === 'function') {\n          ref(node)\n        } else if (ref) {\n          ref.current = node\n        }\n      },\n      [indeterminate, ref]\n    )\n\n    const dataState = indeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked'\n\n    // Swap mode: render as a swap toggle instead of checkbox\n    if (swap) {\n      const swapClasses = [\n        dSwap,\n        swap.effect === 'rotate' && dSwapRotate,\n        swap.effect === 'flip' && dSwapFlip,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n\n      return (\n        <label className={swapClasses}>\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            name={inputName}\n            checked={isChecked}\n            onChange={handleChange}\n            disabled={isDisabled}\n            aria-checked={ariaChecked}\n            data-state={dataState}\n            {...props}\n          />\n          <div className={dSwapOn}>{swap.on}</div>\n          <div className={dSwapOff}>{swap.off}</div>\n        </label>\n      )\n    }\n\n    // If children provided, wrap in label\n    if (children) {\n      return (\n        <label className={`flex items-center cursor-pointer gap-2 ${className}`.trim()}>\n          <input\n            ref={checkboxRef}\n            type=\"checkbox\"\n            className={checkboxClasses}\n            name={inputName}\n            value={value}\n            checked={isChecked}\n            onChange={handleChange}\n            disabled={isDisabled}\n            aria-checked={ariaChecked}\n            data-state={dataState}\n            {...props}\n          />\n          <span>{children}</span>\n        </label>\n      )\n    }\n\n    // Bare checkbox input (no children, no swap)\n    return (\n      <input\n        ref={checkboxRef}\n        type=\"checkbox\"\n        className={`${checkboxClasses} ${className}`.trim()}\n        name={inputName}\n        value={value}\n        checked={isChecked}\n        onChange={handleChange}\n        disabled={isDisabled}\n        aria-checked={ariaChecked}\n        data-state={dataState}\n        {...props}\n      />\n    )\n  }\n)\n\nCheckboxRoot.displayName = 'Checkbox'\n\nexport const Checkbox = Object.assign(CheckboxRoot, {\n  Group: CheckboxGroup,\n})\n"],"names":["dCheckbox","dCheckboxXs","dCheckboxSm","dCheckboxMd","dCheckboxLg","dCheckboxXl","dCheckboxPrimary","dCheckboxSecondary","dCheckboxAccent","dCheckboxNeutral","dCheckboxSuccess","dCheckboxWarning","dCheckboxInfo","dCheckboxError","dSwap","dSwapRotate","dSwapFlip","dSwapOn","dSwapOff","CheckboxGroupContext","createContext","CheckboxGroup","children","value","defaultValue","onChange","disabled","options","direction","name","className","testId","internalValue","setInternalValue","React","currentValue","contextValue","checkedValue","checked","newValue","v","directionClasses","jsx","option","optionTestId","jsxs","CheckboxRoot","forwardRef","size","color","indeterminate","swap","disabledProp","props","ref","componentSize","useConfig","effectiveSize","groupContext","useContext","sizeClasses","colorClasses","checkboxClasses","inputName","ariaChecked","isChecked","isDisabled","handleChange","e","checkboxRef","node","dataState","swapClasses","Checkbox"],"mappings":"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"}

package/dist/components/Code.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface CodeLineProps extends React.HTMLAttributes<HTMLPreElement> {
+    children: React.ReactNode;
+    prefix?: string;
+    highlight?: boolean;
+}
+declare const Line: React.FC<CodeLineProps>;
+export interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Show copy button. Pass true to auto-extract text, or a string to specify custom copy text */
+    copyable?: boolean | string;
+}
+export declare const Code: React.FC<CodeProps> & {
+    Line: typeof Line;
+};
+export {};

package/dist/components/Code.js

@@ -0,0 +1,60 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import p from "react";
+import { CopyButton as l } from "./CopyButton.js";
+const d = "d-mockup-code", a = ({
+  children: e,
+  prefix: o = "$",
+  highlight: t = !1,
+  className: n = "",
+  ...i
+}) => /* @__PURE__ */ r(
+  "pre",
+  {
+    "data-prefix": o,
+    className: `${t ? "bg-warning text-warning-content" : ""} ${n}`,
+    ...i,
+    children: /* @__PURE__ */ r("code", { children: e })
+  }
+), f = (e) => {
+  const o = [];
+  return p.Children.forEach(e, (t) => {
+    if (p.isValidElement(t) && t.props?.children) {
+      const n = typeof t.props.children == "string" ? t.props.children : "";
+      n && o.push(n);
+    }
+  }), o.join(`
+`);
+}, m = ({
+  children: e,
+  className: o = "",
+  copyable: t,
+  style: n,
+  ...i
+}) => {
+  const s = typeof t == "string" ? t : t ? f(e) : null;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `${d} ${o}`,
+      style: { position: "relative", overflow: "hidden", ...n },
+      ...i,
+      children: [
+        e,
+        s !== null && /* @__PURE__ */ r("div", { style: { position: "absolute", top: 8, right: 8 }, children: /* @__PURE__ */ r(
+          l,
+          {
+            text: s,
+            size: "xs",
+            variant: "ghost",
+            showTooltip: !0
+          }
+        ) })
+      ]
+    }
+  );
+};
+m.Line = a;
+export {
+  m as Code
+};
+//# sourceMappingURL=Code.js.map

package/dist/components/Code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.js","sources":["../../src/components/Code.tsx"],"sourcesContent":["import React from 'react'\nimport { CopyButton } from './CopyButton'\n\n// DaisyUI classes\nconst dMockupCode = 'd-mockup-code'\n\nexport interface CodeLineProps extends React.HTMLAttributes<HTMLPreElement> {\n  children: React.ReactNode\n  prefix?: string\n  highlight?: boolean\n}\n\nconst Line: React.FC<CodeLineProps> = ({\n  children,\n  prefix = '$',\n  highlight = false,\n  className = '',\n  ...rest\n}) => {\n  return (\n    <pre\n      data-prefix={prefix}\n      className={`${highlight ? 'bg-warning text-warning-content' : ''} ${className}`}\n      {...rest}\n    >\n      <code>{children}</code>\n    </pre>\n  )\n}\n\nexport interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  /** Show copy button. Pass true to auto-extract text, or a string to specify custom copy text */\n  copyable?: boolean | string\n}\n\nconst extractTextFromChildren = (children: React.ReactNode): string => {\n  const lines: string[] = []\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement<{ children?: React.ReactNode }>(child) && child.props?.children) {\n      const text = typeof child.props.children === 'string'\n        ? child.props.children\n        : ''\n      if (text) lines.push(text)\n    }\n  })\n  return lines.join('\\n')\n}\n\nexport const Code: React.FC<CodeProps> & { Line: typeof Line } = ({\n  children,\n  className = '',\n  copyable,\n  style,\n  ...rest\n}) => {\n  const copyText = typeof copyable === 'string'\n    ? copyable\n    : copyable\n      ? extractTextFromChildren(children)\n      : null\n\n  return (\n    <div\n      className={`${dMockupCode} ${className}`}\n      style={{ position: 'relative', overflow: 'hidden', ...style }}\n      {...rest}\n    >\n      {children}\n      {copyText !== null && (\n        <div style={{ position: 'absolute', top: 8, right: 8 }}>\n          <CopyButton\n            text={copyText}\n            size=\"xs\"\n            variant=\"ghost\"\n            showTooltip\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n\nCode.Line = Line\n"],"names":["dMockupCode","Line","children","prefix","highlight","className","rest","jsx","extractTextFromChildren","lines","React","child","text","Code","copyable","style","copyText","jsxs","CopyButton"],"mappings":";;;AAIA,MAAMA,IAAc,iBAQdC,IAAgC,CAAC;AAAA,EACrC,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAaJ;AAAA,IACb,WAAW,GAAGC,IAAY,oCAAoC,EAAE,IAAIC,CAAS;AAAA,IAC5E,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAAC,UAAM,UAAAL,EAAA,CAAS;AAAA,EAAA;AAAA,GAWhBM,IAA0B,CAACN,MAAsC;AACrE,QAAMO,IAAkB,CAAA;AACxB,SAAAC,EAAM,SAAS,QAAQR,GAAU,CAACS,MAAU;AAC1C,QAAID,EAAM,eAA+CC,CAAK,KAAKA,EAAM,OAAO,UAAU;AACxF,YAAMC,IAAO,OAAOD,EAAM,MAAM,YAAa,WACzCA,EAAM,MAAM,WACZ;AACJ,MAAIC,KAAMH,EAAM,KAAKG,CAAI;AAAA,IAC3B;AAAA,EACF,CAAC,GACMH,EAAM,KAAK;AAAA,CAAI;AACxB,GAEaI,IAAoD,CAAC;AAAA,EAChE,UAAAX;AAAA,EACA,WAAAG,IAAY;AAAA,EACZ,UAAAS;AAAA,EACA,OAAAC;AAAA,EACA,GAAGT;AACL,MAAM;AACJ,QAAMU,IAAW,OAAOF,KAAa,WACjCA,IACAA,IACEN,EAAwBN,CAAQ,IAChC;AAEN,SACE,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGjB,CAAW,IAAIK,CAAS;AAAA,MACtC,OAAO,EAAE,UAAU,YAAY,UAAU,UAAU,GAAGU,EAAA;AAAA,MACrD,GAAGT;AAAA,MAEH,UAAA;AAAA,QAAAJ;AAAA,QACAc,MAAa,QACZ,gBAAAT,EAAC,OAAA,EAAI,OAAO,EAAE,UAAU,YAAY,KAAK,GAAG,OAAO,EAAA,GACjD,UAAA,gBAAAA;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,MAAMF;AAAA,YACN,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,aAAW;AAAA,UAAA;AAAA,QAAA,EACb,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAH,EAAK,OAAOZ;"}

package/dist/components/Collapse.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+export type CollapseSize = 'sm' | 'md' | 'lg';
+export type CollapseIconPosition = 'start' | 'end';
+export type CollapseCollapsible = 'header' | 'icon' | 'disabled';
+export interface CollapseItemType {
+    /** Unique key for the panel */
+    key: string | number;
+    /** Panel header/label */
+    label: React.ReactNode;
+    /** Panel content */
+    children: React.ReactNode;
+    /** Extra element in the corner */
+    extra?: React.ReactNode;
+    /** Whether to show the arrow icon */
+    showArrow?: boolean;
+    /** Collapsible mode for this panel */
+    collapsible?: CollapseCollapsible;
+    /** Custom class name for this panel */
+    className?: string;
+}
+export interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Collapse items */
+    items?: CollapseItemType[];
+    /** Currently active panel keys (controlled) */
+    activeKey?: string | number | (string | number)[];
+    /** Default active panel keys (uncontrolled) */
+    defaultActiveKey?: string | number | (string | number)[];
+    /** Accordion mode - only one panel open at a time */
+    accordion?: boolean;
+    /** Show border around panels */
+    bordered?: boolean;
+    /** Ghost mode - transparent background */
+    ghost?: boolean;
+    /** Size variant */
+    size?: CollapseSize;
+    /** Icon type */
+    icon?: 'arrow' | 'plus' | 'none';
+    /** Icon placement */
+    expandIconPlacement?: CollapseIconPosition;
+    /** Callback when panels change */
+    onChange?: (activeKey: (string | number)[]) => void;
+    /** Test ID */
+    'data-testid'?: string;
+}
+export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;