@axtec/components 0.1.0

package/dist/index57.js

@@ -0,0 +1,239 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useState as q } from "react";
+import { ResponsiveContainer as M, BarChart as E, CartesianGrid as w, XAxis as y, YAxis as b, Tooltip as T, Legend as L, Bar as F, Cell as P, LineChart as J, Line as z, ComposedChart as O } from "recharts";
+import { cn as i } from "./index3.js";
+const Q = (a) => a >= 1e6 ? `$${(a / 1e6).toFixed(1)}M` : a >= 1e3 ? `$${(a / 1e3).toFixed(0)}K` : `$${a}`, C = ({
+  data: a,
+  type: R = "bar",
+  height: g = 300,
+  primaryColor: v = "var(--color-primary-500, #1DA061)",
+  primaryColorHover: j = "var(--color-primary-700, #168a52)",
+  secondaryColor: f = "var(--color-primary-300, #6FCF97)",
+  showGrid: K = !0,
+  showLegend: W = !1,
+  showXAxis: N = !0,
+  showYAxis: D = !0,
+  valueFormatter: h = Q,
+  title: o,
+  subtitle: x,
+  headerColor: n,
+  interactive: m = !1,
+  onHover: p,
+  minimal: t = !1,
+  emptyMessage: V = "No data available",
+  className: S
+}) => {
+  const [$, A] = q(-1), l = a.map((r) => ({
+    name: r.label,
+    value: r.value,
+    secondary: r.secondaryValue
+  })), B = (r) => {
+    m && r && typeof r.activeTooltipIndex == "number" && r.activeTooltipIndex !== $ && (A(r.activeTooltipIndex), p == null || p(r.activeTooltipIndex, a[r.activeTooltipIndex] || null));
+  }, _ = () => {
+    m && (A(-1), p == null || p(-1, null));
+  }, u = {
+    tick: { fontSize: 11, fill: "#64748b" },
+    axisLine: { stroke: "#e2e8f0" },
+    tickLine: { stroke: "#e2e8f0" }
+  }, k = {
+    hide: !0
+  };
+  if (!a || a.length === 0)
+    return /* @__PURE__ */ s("div", { className: i("w-full", S), children: [
+      (o || n) && /* @__PURE__ */ s(
+        "div",
+        {
+          className: i(
+            "px-5 py-4 rounded-t-2xl",
+            n ? "text-white" : "bg-slate-100"
+          ),
+          style: n ? { backgroundColor: n } : void 0,
+          children: [
+            o && /* @__PURE__ */ e("h3", { className: "text-lg font-bold", children: o }),
+            x && /* @__PURE__ */ e("p", { className: i("text-xs", n ? "opacity-80" : "text-slate-500"), children: x })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: i(
+            "flex items-center justify-center bg-slate-50 rounded-xl",
+            o || n ? "rounded-t-none" : ""
+          ),
+          style: { height: g },
+          children: /* @__PURE__ */ e("p", { className: "text-slate-500 text-sm", children: V })
+        }
+      )
+    ] });
+  const I = () => {
+    const r = t ? { top: 5, right: 5, left: 5, bottom: 5 } : { top: 20, right: 20, left: 20, bottom: N ? 60 : 20 };
+    return R === "bar" ? /* @__PURE__ */ s(
+      E,
+      {
+        data: l,
+        margin: r,
+        onMouseMove: B,
+        onMouseLeave: _,
+        children: [
+          K && !t && /* @__PURE__ */ e(w, { strokeDasharray: "3 3", stroke: "#f1f5f9" }),
+          N && !t && /* @__PURE__ */ e(
+            y,
+            {
+              dataKey: "name",
+              ...u,
+              angle: -45,
+              textAnchor: "end",
+              interval: 0
+            }
+          ),
+          t && /* @__PURE__ */ e(y, { ...k }),
+          D && !t && /* @__PURE__ */ e(b, { ...u, tickFormatter: h }),
+          t && /* @__PURE__ */ e(b, { ...k }),
+          !t && /* @__PURE__ */ e(
+            T,
+            {
+              formatter: (d) => [h(Number(d) || 0), "Value"],
+              contentStyle: {
+                backgroundColor: "white",
+                border: "1px solid #e2e8f0",
+                borderRadius: "8px",
+                fontSize: "12px"
+              }
+            }
+          ),
+          W && /* @__PURE__ */ e(L, {}),
+          /* @__PURE__ */ e(F, { dataKey: "value", radius: [4, 4, 0, 0], children: l.map((d, c) => /* @__PURE__ */ e(
+            P,
+            {
+              fill: m && $ === c ? j : v
+            },
+            `cell-${c}`
+          )) })
+        ]
+      }
+    ) : R === "line" ? /* @__PURE__ */ s(J, { data: l, margin: r, children: [
+      K && !t && /* @__PURE__ */ e(w, { strokeDasharray: "3 3", stroke: "#f1f5f9" }),
+      N && !t && /* @__PURE__ */ e(
+        y,
+        {
+          dataKey: "name",
+          ...u,
+          angle: -45,
+          textAnchor: "end",
+          interval: 0
+        }
+      ),
+      t && /* @__PURE__ */ e(y, { ...k }),
+      D && !t && /* @__PURE__ */ e(b, { ...u, tickFormatter: h }),
+      t && /* @__PURE__ */ e(b, { ...k }),
+      !t && /* @__PURE__ */ e(
+        T,
+        {
+          formatter: (d) => [h(Number(d) || 0), "Value"],
+          contentStyle: {
+            backgroundColor: "white",
+            border: "1px solid #e2e8f0",
+            borderRadius: "8px",
+            fontSize: "12px"
+          }
+        }
+      ),
+      W && /* @__PURE__ */ e(L, {}),
+      /* @__PURE__ */ e(
+        z,
+        {
+          type: "monotone",
+          dataKey: "value",
+          stroke: v,
+          strokeWidth: 2,
+          dot: { fill: v, strokeWidth: 2, r: 4 },
+          activeDot: { r: 6, stroke: v, strokeWidth: 2, fill: "#fff" }
+        }
+      ),
+      l.some((d) => d.secondary !== void 0) && /* @__PURE__ */ e(
+        z,
+        {
+          type: "monotone",
+          dataKey: "secondary",
+          stroke: f,
+          strokeWidth: 2,
+          dot: { fill: f, strokeWidth: 2, r: 4 },
+          activeDot: { r: 6, stroke: f, strokeWidth: 2, fill: "#fff" }
+        }
+      )
+    ] }) : /* @__PURE__ */ s(O, { data: l, margin: r, children: [
+      K && !t && /* @__PURE__ */ e(w, { strokeDasharray: "3 3", stroke: "#f1f5f9" }),
+      N && !t && /* @__PURE__ */ e(
+        y,
+        {
+          dataKey: "name",
+          ...u,
+          angle: -45,
+          textAnchor: "end",
+          interval: 0
+        }
+      ),
+      t && /* @__PURE__ */ e(y, { ...k }),
+      D && !t && /* @__PURE__ */ e(b, { ...u, tickFormatter: h }),
+      t && /* @__PURE__ */ e(b, { ...k }),
+      !t && /* @__PURE__ */ e(
+        T,
+        {
+          formatter: (d, c) => [
+            h(Number(d)),
+            c === "value" ? "Primary" : "Secondary"
+          ],
+          contentStyle: {
+            backgroundColor: "white",
+            border: "1px solid #e2e8f0",
+            borderRadius: "8px",
+            fontSize: "12px"
+          }
+        }
+      ),
+      W && /* @__PURE__ */ e(L, {}),
+      /* @__PURE__ */ e(F, { dataKey: "value", radius: [4, 4, 0, 0], children: l.map((d, c) => /* @__PURE__ */ e(
+        P,
+        {
+          fill: m && $ === c ? j : v
+        },
+        `cell-${c}`
+      )) }),
+      l.some((d) => d.secondary !== void 0) && /* @__PURE__ */ e(
+        z,
+        {
+          type: "monotone",
+          dataKey: "secondary",
+          stroke: f,
+          strokeWidth: 2,
+          dot: { fill: f, strokeWidth: 2, r: 4 },
+          activeDot: { r: 6, stroke: f, strokeWidth: 2, fill: "#fff" }
+        }
+      )
+    ] });
+  };
+  return n ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: i("rounded-2xl overflow-hidden border border-slate-200 shadow-sm", S),
+      children: [
+        /* @__PURE__ */ s("div", { className: "px-5 py-4", style: { backgroundColor: n }, children: [
+          o && /* @__PURE__ */ e("h3", { className: "text-lg font-bold text-white", children: o }),
+          x && /* @__PURE__ */ e("p", { className: "text-xs text-white/80", children: x })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "bg-white p-5", children: /* @__PURE__ */ e("div", { style: { height: g }, children: /* @__PURE__ */ e(M, { width: "100%", height: "100%", children: I() }) }) })
+      ]
+    }
+  ) : o ? /* @__PURE__ */ s("div", { className: i("w-full", S), children: [
+    /* @__PURE__ */ s("div", { className: "mb-4", children: [
+      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-slate-900", children: o }),
+      x && /* @__PURE__ */ e("p", { className: "text-sm text-slate-500", children: x })
+    ] }),
+    /* @__PURE__ */ e("div", { style: { height: g }, children: /* @__PURE__ */ e(M, { width: "100%", height: "100%", children: I() }) })
+  ] }) : /* @__PURE__ */ e("div", { className: i("w-full", S), style: { height: g }, children: /* @__PURE__ */ e(M, { width: "100%", height: "100%", children: I() }) });
+};
+export {
+  C as StatisticsChart
+};
+//# sourceMappingURL=index57.js.map

package/dist/index57.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index57.js","sources":["../src/components/StatisticsChart/StatisticsChart.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n  BarChart,\n  Bar,\n  LineChart,\n  Line,\n  ComposedChart,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  ResponsiveContainer,\n  Legend,\n  Cell,\n} from 'recharts'\nimport { cn } from '@/lib/utils'\n\nexport interface StatisticsChartDataPoint {\n  label: string\n  value: number\n  secondaryValue?: number\n}\n\nexport interface StatisticsChartProps {\n  data: StatisticsChartDataPoint[]\n  type?: 'bar' | 'line' | 'composed'\n  /** Chart height in pixels */\n  height?: number\n  /** Primary color for bars/lines */\n  primaryColor?: string\n  /** Primary color on hover (for interactive mode) */\n  primaryColorHover?: string\n  /** Secondary color for second data series */\n  secondaryColor?: string\n  /** Show grid lines */\n  showGrid?: boolean\n  /** Show legend */\n  showLegend?: boolean\n  /** Show X axis */\n  showXAxis?: boolean\n  /** Show Y axis */\n  showYAxis?: boolean\n  /** Custom value formatter for tooltips and axis */\n  valueFormatter?: (value: number) => string\n  /** Chart title */\n  title?: string\n  /** Chart subtitle */\n  subtitle?: string\n  /** Header background color (creates a colored header block) */\n  headerColor?: string\n  /** Enable interactive hover mode (highlights bars, can trigger onHover) */\n  interactive?: boolean\n  /** Callback when hovering over a data point */\n  onHover?: (index: number, dataPoint: StatisticsChartDataPoint | null) => void\n  /** Minimal mode - no axes, compact display */\n  minimal?: boolean\n  /** Empty state message */\n  emptyMessage?: string\n  className?: string\n}\n\nconst defaultFormatter = (value: number) => {\n  if (value >= 1000000) {\n    return `$${(value / 1000000).toFixed(1)}M`\n  } else if (value >= 1000) {\n    return `$${(value / 1000).toFixed(0)}K`\n  }\n  return `$${value}`\n}\n\nexport const StatisticsChart = ({\n  data,\n  type = 'bar',\n  height = 300,\n  primaryColor = 'var(--color-primary-500, #1DA061)',\n  primaryColorHover = 'var(--color-primary-700, #168a52)',\n  secondaryColor = 'var(--color-primary-300, #6FCF97)',\n  showGrid = true,\n  showLegend = false,\n  showXAxis = true,\n  showYAxis = true,\n  valueFormatter = defaultFormatter,\n  title,\n  subtitle,\n  headerColor,\n  interactive = false,\n  onHover,\n  minimal = false,\n  emptyMessage = 'No data available',\n  className,\n}: StatisticsChartProps) => {\n  const [hoveredIndex, setHoveredIndex] = useState(-1)\n\n  const chartData = data.map((item) => ({\n    name: item.label,\n    value: item.value,\n    secondary: item.secondaryValue,\n  }))\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const handleMouseMove = (e: any) => {\n    if (interactive && e && typeof e.activeTooltipIndex === 'number') {\n      if (e.activeTooltipIndex !== hoveredIndex) {\n        setHoveredIndex(e.activeTooltipIndex)\n        onHover?.(e.activeTooltipIndex, data[e.activeTooltipIndex] || null)\n      }\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (interactive) {\n      setHoveredIndex(-1)\n      onHover?.(-1, null)\n    }\n  }\n\n  const commonAxisProps = {\n    tick: { fontSize: 11, fill: '#64748b' },\n    axisLine: { stroke: '#e2e8f0' },\n    tickLine: { stroke: '#e2e8f0' },\n  }\n\n  const minimalAxisProps = {\n    hide: true,\n  }\n\n  // Empty state\n  if (!data || data.length === 0) {\n    return (\n      <div className={cn('w-full', className)}>\n        {(title || headerColor) && (\n          <div\n            className={cn(\n              'px-5 py-4 rounded-t-2xl',\n              headerColor ? 'text-white' : 'bg-slate-100'\n            )}\n            style={headerColor ? { backgroundColor: headerColor } : undefined}\n          >\n            {title && <h3 className=\"text-lg font-bold\">{title}</h3>}\n            {subtitle && (\n              <p className={cn('text-xs', headerColor ? 'opacity-80' : 'text-slate-500')}>\n                {subtitle}\n              </p>\n            )}\n          </div>\n        )}\n        <div\n          className={cn(\n            'flex items-center justify-center bg-slate-50 rounded-xl',\n            title || headerColor ? 'rounded-t-none' : ''\n          )}\n          style={{ height }}\n        >\n          <p className=\"text-slate-500 text-sm\">{emptyMessage}</p>\n        </div>\n      </div>\n    )\n  }\n\n  const renderChart = () => {\n    const margin = minimal\n      ? { top: 5, right: 5, left: 5, bottom: 5 }\n      : { top: 20, right: 20, left: 20, bottom: showXAxis ? 60 : 20 }\n\n    if (type === 'bar') {\n      return (\n        <BarChart\n          data={chartData}\n          margin={margin}\n          onMouseMove={handleMouseMove}\n          onMouseLeave={handleMouseLeave}\n        >\n          {showGrid && !minimal && <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f1f5f9\" />}\n          {showXAxis && !minimal && (\n            <XAxis\n              dataKey=\"name\"\n              {...commonAxisProps}\n              angle={-45}\n              textAnchor=\"end\"\n              interval={0}\n            />\n          )}\n          {minimal && <XAxis {...minimalAxisProps} />}\n          {showYAxis && !minimal && (\n            <YAxis {...commonAxisProps} tickFormatter={valueFormatter} />\n          )}\n          {minimal && <YAxis {...minimalAxisProps} />}\n          {!minimal && (\n            <Tooltip\n              formatter={(value) => [valueFormatter(Number(value) || 0), 'Value']}\n              contentStyle={{\n                backgroundColor: 'white',\n                border: '1px solid #e2e8f0',\n                borderRadius: '8px',\n                fontSize: '12px',\n              }}\n            />\n          )}\n          {showLegend && <Legend />}\n          <Bar dataKey=\"value\" radius={[4, 4, 0, 0]}>\n            {chartData.map((_, index) => (\n              <Cell\n                key={`cell-${index}`}\n                fill={interactive && hoveredIndex === index ? primaryColorHover : primaryColor}\n              />\n            ))}\n          </Bar>\n        </BarChart>\n      )\n    }\n\n    if (type === 'line') {\n      return (\n        <LineChart data={chartData} margin={margin}>\n          {showGrid && !minimal && <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f1f5f9\" />}\n          {showXAxis && !minimal && (\n            <XAxis\n              dataKey=\"name\"\n              {...commonAxisProps}\n              angle={-45}\n              textAnchor=\"end\"\n              interval={0}\n            />\n          )}\n          {minimal && <XAxis {...minimalAxisProps} />}\n          {showYAxis && !minimal && (\n            <YAxis {...commonAxisProps} tickFormatter={valueFormatter} />\n          )}\n          {minimal && <YAxis {...minimalAxisProps} />}\n          {!minimal && (\n            <Tooltip\n              formatter={(value) => [valueFormatter(Number(value) || 0), 'Value']}\n              contentStyle={{\n                backgroundColor: 'white',\n                border: '1px solid #e2e8f0',\n                borderRadius: '8px',\n                fontSize: '12px',\n              }}\n            />\n          )}\n          {showLegend && <Legend />}\n          <Line\n            type=\"monotone\"\n            dataKey=\"value\"\n            stroke={primaryColor}\n            strokeWidth={2}\n            dot={{ fill: primaryColor, strokeWidth: 2, r: 4 }}\n            activeDot={{ r: 6, stroke: primaryColor, strokeWidth: 2, fill: '#fff' }}\n          />\n          {chartData.some((d) => d.secondary !== undefined) && (\n            <Line\n              type=\"monotone\"\n              dataKey=\"secondary\"\n              stroke={secondaryColor}\n              strokeWidth={2}\n              dot={{ fill: secondaryColor, strokeWidth: 2, r: 4 }}\n              activeDot={{ r: 6, stroke: secondaryColor, strokeWidth: 2, fill: '#fff' }}\n            />\n          )}\n        </LineChart>\n      )\n    }\n\n    // Composed chart (bar + line)\n    return (\n      <ComposedChart data={chartData} margin={margin}>\n        {showGrid && !minimal && <CartesianGrid strokeDasharray=\"3 3\" stroke=\"#f1f5f9\" />}\n        {showXAxis && !minimal && (\n          <XAxis\n            dataKey=\"name\"\n            {...commonAxisProps}\n            angle={-45}\n            textAnchor=\"end\"\n            interval={0}\n          />\n        )}\n        {minimal && <XAxis {...minimalAxisProps} />}\n        {showYAxis && !minimal && (\n          <YAxis {...commonAxisProps} tickFormatter={valueFormatter} />\n        )}\n        {minimal && <YAxis {...minimalAxisProps} />}\n        {!minimal && (\n          <Tooltip\n            formatter={(value, name) => [\n              valueFormatter(Number(value)),\n              name === 'value' ? 'Primary' : 'Secondary',\n            ]}\n            contentStyle={{\n              backgroundColor: 'white',\n              border: '1px solid #e2e8f0',\n              borderRadius: '8px',\n              fontSize: '12px',\n            }}\n          />\n        )}\n        {showLegend && <Legend />}\n        <Bar dataKey=\"value\" radius={[4, 4, 0, 0]}>\n          {chartData.map((_, index) => (\n            <Cell\n              key={`cell-${index}`}\n              fill={interactive && hoveredIndex === index ? primaryColorHover : primaryColor}\n            />\n          ))}\n        </Bar>\n        {chartData.some((d) => d.secondary !== undefined) && (\n          <Line\n            type=\"monotone\"\n            dataKey=\"secondary\"\n            stroke={secondaryColor}\n            strokeWidth={2}\n            dot={{ fill: secondaryColor, strokeWidth: 2, r: 4 }}\n            activeDot={{ r: 6, stroke: secondaryColor, strokeWidth: 2, fill: '#fff' }}\n          />\n        )}\n      </ComposedChart>\n    )\n  }\n\n  // With colored header\n  if (headerColor) {\n    return (\n      <div\n        className={cn('rounded-2xl overflow-hidden border border-slate-200 shadow-sm', className)}\n      >\n        <div className=\"px-5 py-4\" style={{ backgroundColor: headerColor }}>\n          {title && <h3 className=\"text-lg font-bold text-white\">{title}</h3>}\n          {subtitle && <p className=\"text-xs text-white/80\">{subtitle}</p>}\n        </div>\n        <div className=\"bg-white p-5\">\n          <div style={{ height }}>\n            <ResponsiveContainer width=\"100%\" height=\"100%\">\n              {renderChart()}\n            </ResponsiveContainer>\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  // With title (no colored header)\n  if (title) {\n    return (\n      <div className={cn('w-full', className)}>\n        <div className=\"mb-4\">\n          <h3 className=\"text-lg font-semibold text-slate-900\">{title}</h3>\n          {subtitle && <p className=\"text-sm text-slate-500\">{subtitle}</p>}\n        </div>\n        <div style={{ height }}>\n          <ResponsiveContainer width=\"100%\" height=\"100%\">\n            {renderChart()}\n          </ResponsiveContainer>\n        </div>\n      </div>\n    )\n  }\n\n  // Basic chart only\n  return (\n    <div className={cn('w-full', className)} style={{ height }}>\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        {renderChart()}\n      </ResponsiveContainer>\n    </div>\n  )\n}\n"],"names":["defaultFormatter","value","StatisticsChart","data","type","height","primaryColor","primaryColorHover","secondaryColor","showGrid","showLegend","showXAxis","showYAxis","valueFormatter","title","subtitle","headerColor","interactive","onHover","minimal","emptyMessage","className","hoveredIndex","setHoveredIndex","useState","chartData","item","handleMouseMove","e","handleMouseLeave","commonAxisProps","minimalAxisProps","cn","jsxs","jsx","renderChart","margin","BarChart","CartesianGrid","XAxis","YAxis","Tooltip","Legend","Bar","_","index","Cell","LineChart","Line","ComposedChart","name","ResponsiveContainer"],"mappings":"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"}

package/dist/index58.js

@@ -0,0 +1,105 @@
+import { jsx as g, jsxs as s } from "react/jsx-runtime";
+import { cn as t } from "./index3.js";
+const i = {
+  // Heat levels (lead scoring)
+  hot: {
+    color: "bg-red-500",
+    text: "text-red-600",
+    label: "Hot"
+  },
+  warm: {
+    color: "bg-orange-500",
+    text: "text-orange-600",
+    label: "Warm"
+  },
+  neutral: {
+    color: "bg-emerald-500",
+    text: "text-emerald-600",
+    label: "Neutral"
+  },
+  cold: {
+    color: "bg-sky-500",
+    text: "text-sky-600",
+    label: "Cold"
+  },
+  // Confidence levels
+  high: {
+    color: "bg-green-500",
+    text: "text-green-600",
+    label: "High"
+  },
+  medium: {
+    color: "bg-amber-500",
+    text: "text-amber-600",
+    label: "Medium"
+  },
+  low: {
+    color: "bg-red-500",
+    text: "text-red-600",
+    label: "Low"
+  }
+}, m = {
+  sm: {
+    dot: "w-1.5 h-1.5",
+    text: "text-xs",
+    gap: "gap-1.5"
+  },
+  md: {
+    dot: "w-2 h-2",
+    text: "text-sm",
+    gap: "gap-2"
+  }
+}, f = ({
+  level: r,
+  label: o,
+  variant: a = "default",
+  size: d = "sm",
+  className: l
+}) => {
+  const e = i[r], n = m[d];
+  return a === "dot" ? /* @__PURE__ */ g(
+    "div",
+    {
+      className: t("rounded-full", n.dot, e.color, l),
+      title: o || e.label
+    }
+  ) : /* @__PURE__ */ s("div", { className: t("flex items-center", n.gap, l), children: [
+    /* @__PURE__ */ g("div", { className: t("rounded-full", n.dot, e.color) }),
+    /* @__PURE__ */ g("span", { className: t("font-medium", n.text, e.text), children: o || e.label })
+  ] });
+}, x = {
+  hot: "bg-red-100 text-red-700 ring-1 ring-red-600/20",
+  warm: "bg-orange-100 text-orange-700 ring-1 ring-orange-600/20",
+  neutral: "bg-emerald-100 text-emerald-700 ring-1 ring-emerald-600/20",
+  cold: "bg-sky-100 text-sky-700 ring-1 ring-sky-600/20",
+  high: "bg-green-100 text-green-700 ring-1 ring-green-600/20",
+  medium: "bg-amber-100 text-amber-700 ring-1 ring-amber-600/20",
+  low: "bg-red-100 text-red-700 ring-1 ring-red-600/20"
+}, c = {
+  sm: "px-2 py-0.5 text-xs",
+  md: "px-2.5 py-1 text-sm"
+}, p = ({
+  level: r,
+  label: o,
+  size: a = "sm",
+  className: d
+}) => {
+  const l = i[r];
+  return /* @__PURE__ */ g(
+    "span",
+    {
+      className: t(
+        "inline-flex items-center font-medium rounded-full",
+        x[r],
+        c[a],
+        d
+      ),
+      children: o || l.label
+    }
+  );
+};
+export {
+  p as StatusBadge,
+  f as StatusIndicator
+};
+//# sourceMappingURL=index58.js.map

package/dist/index58.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index58.js","sources":["../src/components/StatusIndicator/StatusIndicator.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport type StatusLevel = 'hot' | 'warm' | 'neutral' | 'cold' | 'high' | 'medium' | 'low'\n\nexport interface StatusIndicatorProps {\n  /** The status level */\n  level: StatusLevel\n  /** Optional custom label (defaults based on level) */\n  label?: string\n  /** Show as dot + text (default) or just dot */\n  variant?: 'default' | 'dot'\n  /** Size of the indicator */\n  size?: 'sm' | 'md'\n  className?: string\n}\n\nconst levelConfig: Record<StatusLevel, { color: string; text: string; label: string }> = {\n  // Heat levels (lead scoring)\n  hot: {\n    color: 'bg-red-500',\n    text: 'text-red-600',\n    label: 'Hot',\n  },\n  warm: {\n    color: 'bg-orange-500',\n    text: 'text-orange-600',\n    label: 'Warm',\n  },\n  neutral: {\n    color: 'bg-emerald-500',\n    text: 'text-emerald-600',\n    label: 'Neutral',\n  },\n  cold: {\n    color: 'bg-sky-500',\n    text: 'text-sky-600',\n    label: 'Cold',\n  },\n  // Confidence levels\n  high: {\n    color: 'bg-green-500',\n    text: 'text-green-600',\n    label: 'High',\n  },\n  medium: {\n    color: 'bg-amber-500',\n    text: 'text-amber-600',\n    label: 'Medium',\n  },\n  low: {\n    color: 'bg-red-500',\n    text: 'text-red-600',\n    label: 'Low',\n  },\n}\n\nconst sizeStyles = {\n  sm: {\n    dot: 'w-1.5 h-1.5',\n    text: 'text-xs',\n    gap: 'gap-1.5',\n  },\n  md: {\n    dot: 'w-2 h-2',\n    text: 'text-sm',\n    gap: 'gap-2',\n  },\n}\n\nexport const StatusIndicator = ({\n  level,\n  label,\n  variant = 'default',\n  size = 'sm',\n  className,\n}: StatusIndicatorProps) => {\n  const config = levelConfig[level]\n  const sizes = sizeStyles[size]\n\n  if (variant === 'dot') {\n    return (\n      <div\n        className={cn('rounded-full', sizes.dot, config.color, className)}\n        title={label || config.label}\n      />\n    )\n  }\n\n  return (\n    <div className={cn('flex items-center', sizes.gap, className)}>\n      <div className={cn('rounded-full', sizes.dot, config.color)} />\n      <span className={cn('font-medium', sizes.text, config.text)}>\n        {label || config.label}\n      </span>\n    </div>\n  )\n}\n\n/** Badge variant for use in tables/lists */\nexport interface StatusBadgeProps {\n  level: StatusLevel\n  label?: string\n  size?: 'sm' | 'md'\n  className?: string\n}\n\nconst badgeConfig: Record<StatusLevel, string> = {\n  hot: 'bg-red-100 text-red-700 ring-1 ring-red-600/20',\n  warm: 'bg-orange-100 text-orange-700 ring-1 ring-orange-600/20',\n  neutral: 'bg-emerald-100 text-emerald-700 ring-1 ring-emerald-600/20',\n  cold: 'bg-sky-100 text-sky-700 ring-1 ring-sky-600/20',\n  high: 'bg-green-100 text-green-700 ring-1 ring-green-600/20',\n  medium: 'bg-amber-100 text-amber-700 ring-1 ring-amber-600/20',\n  low: 'bg-red-100 text-red-700 ring-1 ring-red-600/20',\n}\n\nconst badgeSizeStyles = {\n  sm: 'px-2 py-0.5 text-xs',\n  md: 'px-2.5 py-1 text-sm',\n}\n\nexport const StatusBadge = ({\n  level,\n  label,\n  size = 'sm',\n  className,\n}: StatusBadgeProps) => {\n  const config = levelConfig[level]\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center font-medium rounded-full',\n        badgeConfig[level],\n        badgeSizeStyles[size],\n        className\n      )}\n    >\n      {label || config.label}\n    </span>\n  )\n}\n"],"names":["levelConfig","sizeStyles","StatusIndicator","level","label","variant","size","className","config","sizes","jsx","cn","jsxs","badgeConfig","badgeSizeStyles","StatusBadge"],"mappings":";;AAgBA,MAAMA,IAAmF;AAAA;AAAA,EAEvF,KAAK;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA;AAAA,EAGT,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,KAAK;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEX,GAEMC,IAAa;AAAA,EACjB,IAAI;AAAA,IACF,KAAK;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,KAAK;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,GAEaC,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAASR,EAAYG,CAAK,GAC1BM,IAAQR,EAAWK,CAAI;AAE7B,SAAID,MAAY,QAEZ,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,gBAAgBF,EAAM,KAAKD,EAAO,OAAOD,CAAS;AAAA,MAChE,OAAOH,KAASI,EAAO;AAAA,IAAA;AAAA,EAAA,IAM3B,gBAAAI,EAAC,SAAI,WAAWD,EAAG,qBAAqBF,EAAM,KAAKF,CAAS,GAC1D,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAG,gBAAgBF,EAAM,KAAKD,EAAO,KAAK,GAAG;AAAA,IAC7D,gBAAAE,EAAC,QAAA,EAAK,WAAWC,EAAG,eAAeF,EAAM,MAAMD,EAAO,IAAI,GACvD,UAAAJ,KAASI,EAAO,MAAA,CACnB;AAAA,EAAA,GACF;AAEJ,GAUMK,IAA2C;AAAA,EAC/C,KAAK;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACP,GAEMC,IAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAc,CAAC;AAAA,EAC1B,OAAAZ;AAAA,EACA,OAAAC;AAAA,EACA,MAAAE,IAAO;AAAA,EACP,WAAAC;AACF,MAAwB;AACtB,QAAMC,IAASR,EAAYG,CAAK;AAEhC,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAE,EAAYV,CAAK;AAAA,QACjBW,EAAgBR,CAAI;AAAA,QACpBC;AAAA,MAAA;AAAA,MAGD,eAASC,EAAO;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

package/dist/index59.js

@@ -0,0 +1,39 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { cn as s } from "./index3.js";
+import { CheckIcon as p } from "@heroicons/react/24/outline";
+const l = ({
+  text: a,
+  isCompleted: t = !1,
+  isDisabled: e = !1,
+  height: n = 45,
+  className: m
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: s(
+      "flex items-center justify-between px-4 rounded-md",
+      !e && !t && "bg-primary-50",
+      e && "bg-transparent",
+      t && "bg-transparent",
+      m
+    ),
+    style: { height: `${n}px` },
+    children: [
+      /* @__PURE__ */ r(
+        "span",
+        {
+          className: s(
+            "text-sm",
+            e ? "text-slate-500" : "text-primary-500"
+          ),
+          children: a
+        }
+      ),
+      t && /* @__PURE__ */ r(p, { className: "w-5 h-5 text-slate-900" })
+    ]
+  }
+);
+export {
+  l as StepList
+};
+//# sourceMappingURL=index59.js.map

package/dist/index59.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index59.js","sources":["../src/components/StepList/StepList.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { CheckIcon } from '@heroicons/react/24/outline'\n\nexport interface StepListProps {\n  text: string\n  isCompleted?: boolean\n  isDisabled?: boolean\n  height?: number\n  className?: string\n}\n\nexport const StepList = ({\n  text,\n  isCompleted = false,\n  isDisabled = false,\n  height = 45,\n  className,\n}: StepListProps) => {\n  return (\n    <div\n      className={cn(\n        'flex items-center justify-between px-4 rounded-md',\n        !isDisabled && !isCompleted && 'bg-primary-50',\n        isDisabled && 'bg-transparent',\n        isCompleted && 'bg-transparent',\n        className\n      )}\n      style={{ height: `${height}px` }}\n    >\n      <span\n        className={cn(\n          'text-sm',\n          isDisabled ? 'text-slate-500' : 'text-primary-500'\n        )}\n      >\n        {text}\n      </span>\n      {isCompleted && (\n        <CheckIcon className=\"w-5 h-5 text-slate-900\" />\n      )}\n    </div>\n  )\n}\n"],"names":["StepList","text","isCompleted","isDisabled","height","className","jsxs","cn","jsx","CheckIcon"],"mappings":";;;AAWO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA,CAACJ,KAAc,CAACD,KAAe;AAAA,MAC/BC,KAAc;AAAA,MACdD,KAAe;AAAA,MACfG;AAAA,IAAA;AAAA,IAEF,OAAO,EAAE,QAAQ,GAAGD,CAAM,KAAA;AAAA,IAE1B,UAAA;AAAA,MAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,YACAJ,IAAa,mBAAmB;AAAA,UAAA;AAAA,UAGjC,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFC,KACC,gBAAAM,EAACC,GAAA,EAAU,WAAU,yBAAA,CAAyB;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/index6.js

@@ -0,0 +1,47 @@
+import { jsxs as x, jsx as l } from "react/jsx-runtime";
+import { cn as t } from "./index3.js";
+import { Button as m } from "./index17.js";
+const y = ({
+  children: f,
+  leftActions: s = [],
+  rightActions: d = [],
+  className: h,
+  bodyClassName: p,
+  footerClassName: a
+}) => {
+  const c = s.length > 0 || d.length > 0;
+  return /* @__PURE__ */ x("div", { className: t("flex flex-col h-full", h), children: [
+    /* @__PURE__ */ l("div", { className: t("flex-1 overflow-y-auto px-8 py-6", p), children: f }),
+    c && /* @__PURE__ */ x(
+      "div",
+      {
+        className: t(
+          "flex items-center justify-between px-8 py-4 border-t border-slate-200",
+          a
+        ),
+        children: [
+          /* @__PURE__ */ l("div", { className: "flex gap-2", children: s.map((e, r) => /* @__PURE__ */ l(
+            m,
+            {
+              ...e,
+              children: e.text || e.children
+            },
+            e.key || e.text || `left-${r}`
+          )) }),
+          /* @__PURE__ */ l("div", { className: "flex gap-2", children: d.map((e, r) => /* @__PURE__ */ l(
+            m,
+            {
+              ...e,
+              children: e.text || e.children
+            },
+            e.key || e.text || `right-${r}`
+          )) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  y as ActionLayout
+};
+//# sourceMappingURL=index6.js.map

package/dist/index6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index6.js","sources":["../src/components/ActionLayout/ActionLayout.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\nimport { Button, type ButtonProps } from '../Button/Button'\n\nexport interface ActionLayoutAction extends Omit<ButtonProps, 'key'> {\n  key?: string\n  text?: string\n}\n\nexport interface ActionLayoutProps {\n  children: ReactNode\n  leftActions?: ActionLayoutAction[]\n  rightActions?: ActionLayoutAction[]\n  className?: string\n  bodyClassName?: string\n  footerClassName?: string\n}\n\nexport const ActionLayout = ({\n  children,\n  leftActions = [],\n  rightActions = [],\n  className,\n  bodyClassName,\n  footerClassName,\n}: ActionLayoutProps) => {\n  const hasActions = leftActions.length > 0 || rightActions.length > 0\n\n  return (\n    <div className={cn('flex flex-col h-full', className)}>\n      <div className={cn('flex-1 overflow-y-auto px-8 py-6', bodyClassName)}>\n        {children}\n      </div>\n\n      {hasActions && (\n        <div\n          className={cn(\n            'flex items-center justify-between px-8 py-4 border-t border-slate-200',\n            footerClassName\n          )}\n        >\n          <div className=\"flex gap-2\">\n            {leftActions.map((action, index) => (\n              <Button\n                key={action.key || action.text || `left-${index}`}\n                {...action}\n              >\n                {action.text || action.children}\n              </Button>\n            ))}\n          </div>\n          <div className=\"flex gap-2\">\n            {rightActions.map((action, index) => (\n              <Button\n                key={action.key || action.text || `right-${index}`}\n                {...action}\n              >\n                {action.text || action.children}\n              </Button>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["ActionLayout","children","leftActions","rightActions","className","bodyClassName","footerClassName","hasActions","cn","jsx","jsxs","action","index","Button"],"mappings":";;;AAkBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAAA,EACd,cAAAC,IAAe,CAAA;AAAA,EACf,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,MAAyB;AACvB,QAAMC,IAAaL,EAAY,SAAS,KAAKC,EAAa,SAAS;AAEnE,2BACG,OAAA,EAAI,WAAWK,EAAG,wBAAwBJ,CAAS,GAClD,UAAA;AAAA,IAAA,gBAAAK,EAAC,SAAI,WAAWD,EAAG,oCAAoCH,CAAa,GACjE,UAAAJ,GACH;AAAA,IAECM,KACC,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACAF;AAAA,QAAA;AAAA,QAGF,UAAA;AAAA,UAAA,gBAAAG,EAAC,SAAI,WAAU,cACZ,YAAY,IAAI,CAACE,GAAQC,MACxB,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cAEE,GAAGF;AAAA,cAEH,UAAAA,EAAO,QAAQA,EAAO;AAAA,YAAA;AAAA,YAHlBA,EAAO,OAAOA,EAAO,QAAQ,QAAQC,CAAK;AAAA,UAAA,CAKlD,GACH;AAAA,UACA,gBAAAH,EAAC,SAAI,WAAU,cACZ,YAAa,IAAI,CAACE,GAAQC,MACzB,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cAEE,GAAGF;AAAA,cAEH,UAAAA,EAAO,QAAQA,EAAO;AAAA,YAAA;AAAA,YAHlBA,EAAO,OAAOA,EAAO,QAAQ,SAASC,CAAK;AAAA,UAAA,CAKnD,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}

package/dist/index60.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as n } from "./index3.js";
+function m({
+  children: t,
+  className: e
+}) {
+  return /* @__PURE__ */ o(
+    "h3",
+    {
+      className: n(
+        "text-lg font-semibold text-slate-900",
+        e
+      ),
+      children: t
+    }
+  );
+}
+export {
+  m as SubsectionHeading
+};
+//# sourceMappingURL=index60.js.map

package/dist/index60.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index60.js","sources":["../src/components/Typography/SubsectionHeading.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface SubsectionHeadingProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function SubsectionHeading({\n  children,\n  className,\n}: SubsectionHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        'text-lg font-semibold text-slate-900',\n        className\n      )}\n    >\n      {children}\n    </h3>\n  )\n}\n"],"names":["SubsectionHeading","children","className","jsx","cn"],"mappings":";;AAQO,SAASA,EAAkB;AAAA,EAChC,UAAAC;AAAA,EACA,WAAAC;AACF,GAA2B;AACzB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAGD,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index61.js

@@ -0,0 +1,63 @@
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { cn as r } from "./index3.js";
+const h = {
+  sm: "text-sm py-2",
+  md: "text-base py-3",
+  lg: "text-lg py-4"
+}, g = ({
+  tabs: s,
+  defaultIndex: c = 0,
+  onChange: d,
+  size: m = "md",
+  variant: l = "underline",
+  className: p,
+  headerClassName: n,
+  contentClassName: b
+}) => {
+  var a;
+  const [o, x] = y(c), u = (e) => {
+    var t;
+    (t = s[e]) != null && t.disabled || (x(e), d == null || d(e));
+  };
+  return /* @__PURE__ */ f("div", { className: r("flex flex-col", p), children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: r(
+          "flex",
+          l === "underline" && "border-b border-slate-200",
+          l === "pills" && "gap-2 p-1 bg-slate-100 rounded-lg",
+          n
+        ),
+        children: s.map((e, t) => /* @__PURE__ */ i(
+          "button",
+          {
+            onClick: () => u(t),
+            disabled: e.disabled,
+            className: r(
+              "px-4 font-semibold transition-colors whitespace-nowrap",
+              h[m],
+              l === "underline" && [
+                "border-b-2 -mb-px",
+                t === o ? "border-primary-500 text-primary-500" : "border-transparent text-slate-500 hover:text-slate-700"
+              ],
+              l === "pills" && [
+                "rounded-md",
+                t === o ? "bg-white text-primary-500 shadow-sm" : "text-slate-500 hover:text-slate-700"
+              ],
+              e.disabled && "opacity-50 cursor-not-allowed"
+            ),
+            children: e.label
+          },
+          t
+        ))
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: r("flex-1 py-4", b), children: (a = s[o]) == null ? void 0 : a.content })
+  ] });
+};
+export {
+  g as TabView
+};
+//# sourceMappingURL=index61.js.map

package/dist/index61.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index61.js","sources":["../src/components/TabView/TabView.tsx"],"sourcesContent":["import { useState, type ReactNode, type ReactElement } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface TabViewTab {\n  label: string | ReactNode\n  content: ReactElement\n  disabled?: boolean\n}\n\nexport interface TabViewProps {\n  tabs: TabViewTab[]\n  defaultIndex?: number\n  onChange?: (index: number) => void\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'underline' | 'pills'\n  className?: string\n  headerClassName?: string\n  contentClassName?: string\n}\n\nconst sizeStyles = {\n  sm: 'text-sm py-2',\n  md: 'text-base py-3',\n  lg: 'text-lg py-4',\n}\n\nexport const TabView = ({\n  tabs,\n  defaultIndex = 0,\n  onChange,\n  size = 'md',\n  variant = 'underline',\n  className,\n  headerClassName,\n  contentClassName,\n}: TabViewProps) => {\n  const [activeIndex, setActiveIndex] = useState(defaultIndex)\n\n  const handleTabClick = (index: number) => {\n    if (tabs[index]?.disabled) return\n    setActiveIndex(index)\n    onChange?.(index)\n  }\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      {/* Tab Headers */}\n      <div\n        className={cn(\n          'flex',\n          variant === 'underline' && 'border-b border-slate-200',\n          variant === 'pills' && 'gap-2 p-1 bg-slate-100 rounded-lg',\n          headerClassName\n        )}\n      >\n        {tabs.map((tab, index) => (\n          <button\n            key={index}\n            onClick={() => handleTabClick(index)}\n            disabled={tab.disabled}\n            className={cn(\n              'px-4 font-semibold transition-colors whitespace-nowrap',\n              sizeStyles[size],\n              variant === 'underline' && [\n                'border-b-2 -mb-px',\n                index === activeIndex\n                  ? 'border-primary-500 text-primary-500'\n                  : 'border-transparent text-slate-500 hover:text-slate-700',\n              ],\n              variant === 'pills' && [\n                'rounded-md',\n                index === activeIndex\n                  ? 'bg-white text-primary-500 shadow-sm'\n                  : 'text-slate-500 hover:text-slate-700',\n              ],\n              tab.disabled && 'opacity-50 cursor-not-allowed'\n            )}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Tab Content */}\n      <div className={cn('flex-1 py-4', contentClassName)}>\n        {tabs[activeIndex]?.content}\n      </div>\n    </div>\n  )\n}\n"],"names":["sizeStyles","TabView","tabs","defaultIndex","onChange","size","variant","className","headerClassName","contentClassName","activeIndex","setActiveIndex","useState","handleTabClick","index","_a","cn","jsx","tab"],"mappings":";;;AAoBA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAU,CAAC;AAAA,EACtB,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AACF,MAAoB;;AAClB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAST,CAAY,GAErDU,IAAiB,CAACC,MAAkB;;AACxC,KAAIC,IAAAb,EAAKY,CAAK,MAAV,QAAAC,EAAa,aACjBJ,EAAeG,CAAK,GACpBV,KAAA,QAAAA,EAAWU;AAAA,EACb;AAEA,2BACG,OAAA,EAAI,WAAWE,EAAG,iBAAiBT,CAAS,GAE3C,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACAV,MAAY,eAAe;AAAA,UAC3BA,MAAY,WAAW;AAAA,UACvBE;AAAA,QAAA;AAAA,QAGD,UAAAN,EAAK,IAAI,CAACgB,GAAKJ,MACd,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAMJ,EAAeC,CAAK;AAAA,YACnC,UAAUI,EAAI;AAAA,YACd,WAAWF;AAAA,cACT;AAAA,cACAhB,EAAWK,CAAI;AAAA,cACfC,MAAY,eAAe;AAAA,gBACzB;AAAA,gBACAQ,MAAUJ,IACN,wCACA;AAAA,cAAA;AAAA,cAENJ,MAAY,WAAW;AAAA,gBACrB;AAAA,gBACAQ,MAAUJ,IACN,wCACA;AAAA,cAAA;AAAA,cAENQ,EAAI,YAAY;AAAA,YAAA;AAAA,YAGjB,UAAAA,EAAI;AAAA,UAAA;AAAA,UArBAJ;AAAA,QAAA,CAuBR;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,gBAAAG,EAAC,OAAA,EAAI,WAAWD,EAAG,eAAeP,CAAgB,GAC/C,WAAAM,IAAAb,EAAKQ,CAAW,MAAhB,gBAAAK,EAAmB,QAAA,CACtB;AAAA,EAAA,GACF;AAEJ;"}