@xenide-io/the-old-ui-theme 0.5.2 → 0.5.4

package/dist/index.mjs

@@ -2,45 +2,26 @@
 import {
   Accordion,
   Alert,
-  AlertDialog,
-  AppLayout,
   AuthCard,
   AuthDivider,
   AuthLayout,
-  Autocomplete,
   Avatar,
   AvatarGroup,
   Badge,
-  Banner,
-  Breadcrumbs,
   Button,
-  ButtonGroup,
   Calendar,
   Caption,
   Card,
-  ChatBubble,
   Checkbox,
   Chip,
-  CodeBlock,
-  Collapsible,
-  CollapsibleSection,
-  Combobox,
   CommandPalette,
-  ComponentDocs,
-  ContextMenu,
   DEFAULT_THEME_ID,
-  DataTable,
-  DatePicker,
-  Dialog,
   Display,
-  Divider,
   Dot,
-  Drawer,
   EmptyState,
   FileUpload,
   FilterBar,
   FilterChips,
-  FilterControls,
   FilterMenu,
   FormField,
   H1,
@@ -48,75 +29,40 @@ import {
   H3,
   H4,
   H5,
-  HoverCard,
-  Indicator,
   Input,
-  InputGroup,
-  Kbd,
   Label,
   Lead,
-  Lettermark,
   Link,
   Loader,
-  LoadingBar,
   LoadingState,
-  Menubar,
-  Metric,
   Modal,
   Mono,
-  NumberField,
   Overline,
   P,
-  Pagination,
   Panel,
-  Popover,
   Progress,
-  ProgressCircle,
   Radio,
-  Range,
-  Rating,
-  Resizable,
-  Row,
-  ScrollArea,
-  SearchGroup,
   SearchInput,
   SegmentedControl,
   Select,
   SettingsLayout,
   SettingsNav,
-  ShowcaseWrapper,
-  Sidebar,
   Skeleton,
   Small,
-  Snack,
   SortMenu,
   Spinner,
-  Splotch,
   Stat,
-  Stepper,
   THEMES,
   THEME_GROUPS,
   THEME_INIT_SCRIPT,
   Table,
-  Tabs,
-  Tag,
-  Terminal,
   Textarea,
-  ThemeDomSync,
-  ThemeManager,
-  ThemeSwitcher,
-  Timeline,
-  Toast,
-  ToastStack,
   Toggle,
-  ToggleButton,
-  ToggleGroup,
-  Widget,
   getTheme,
   isThemeId,
   persistTheme,
   readStoredTheme
-} from "./chunk-RZXHZWUB.mjs";
+} from "./chunk-SBBKXV35.mjs";
 import {
   ButtonChrome,
   CANONICAL_ICONS,
@@ -208,698 +154,31 @@ import {
   PH_ICON_ALIASES,
   Tooltip,
   TooltipProvider,
-  cn,
   createIconBase,
   createIconBasePath
-} from "./chunk-G53YLHVE.mjs";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
-
-// src/components/charts/quill/TimeSeriesLineChart.tsx
-import { useMemo as useMemo2 } from "react";
-
-// src/lib/hog-charts-lite/CanvasTrendLineChart.tsx
-import { scaleLinear, scalePoint } from "d3-scale";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var HOG_LITE_DEFAULT_MARGINS = { top: 16, right: 16, bottom: 32, left: 48 };
-function resolveDisplayedSeries(series, palette) {
-  const visible = series.filter((s) => {
-    var _a;
-    return !((_a = s.visibility) == null ? void 0 : _a.excluded);
-  });
-  return visible.map((s, visibleIndex) => {
-    const hasExplicit = s.color != null && String(s.color).trim() !== "";
-    const resolvedColor = hasExplicit ? String(s.color).trim() : palette[visibleIndex % palette.length];
-    return __spreadProps(__spreadValues({}, s), { resolvedColor });
-  });
-}
-function yDomainForSeries(resolved) {
-  let ymin = Number.POSITIVE_INFINITY;
-  let ymax = Number.NEGATIVE_INFINITY;
-  for (const s of resolved) {
-    for (const v of s.data) {
-      if (typeof v === "number" && Number.isFinite(v)) {
-        ymin = Math.min(ymin, v);
-        ymax = Math.max(ymax, v);
-      }
-    }
-  }
-  if (!Number.isFinite(ymin) || !Number.isFinite(ymax)) {
-    return [0, 1];
-  }
-  ymin = Math.min(0, ymin);
-  if (ymax < 0) {
-    ymax = 0;
-  }
-  if (ymax === ymin) {
-    ymax = ymin + 1;
-  }
-  return [ymin, ymax];
-}
-function drawHighlightPoint(ctx, x, y, color, backgroundColor, radius = 4) {
-  ctx.fillStyle = backgroundColor;
-  ctx.beginPath();
-  ctx.arc(x, y, radius + 2, 0, Math.PI * 2);
-  ctx.fill();
-  ctx.fillStyle = color;
-  ctx.beginPath();
-  ctx.arc(x, y, radius, 0, Math.PI * 2);
-  ctx.fill();
-}
-function CanvasTrendLineChart({
-  labels,
-  series,
-  theme,
-  showGrid = true,
-  showCrosshair = true,
-  className = ""
-}) {
-  const containerRef = useRef(null);
-  const canvasRef = useRef(null);
-  const [size, setSize] = useState({ width: 0, height: 0 });
-  const [hoverIndex, setHoverIndex] = useState(null);
-  useEffect(() => {
-    const el = containerRef.current;
-    if (!el) {
-      return;
-    }
-    const update = () => {
-      setSize({ width: el.clientWidth, height: el.clientHeight });
-    };
-    update();
-    const ro = new ResizeObserver(update);
-    ro.observe(el);
-    return () => ro.disconnect();
-  }, []);
-  const resolved = useMemo(() => resolveDisplayedSeries(series, theme.colors), [series, theme.colors]);
-  const draw = useCallback(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const canvas = canvasRef.current;
-    const container = containerRef.current;
-    if (!canvas || !container) {
-      return;
-    }
-    const { width: cssW, height: cssH } = size;
-    if (cssW < 20 || cssH < 20) {
-      return;
-    }
-    const dpr = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
-    canvas.width = Math.floor(cssW * dpr);
-    canvas.height = Math.floor(cssH * dpr);
-    canvas.style.width = `${cssW}px`;
-    canvas.style.height = `${cssH}px`;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      return;
-    }
-    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-    const m = HOG_LITE_DEFAULT_MARGINS;
-    const plotLeft = m.left;
-    const plotTop = m.top;
-    const plotWidth = cssW - m.left - m.right;
-    const plotHeight = cssH - m.top - m.bottom;
-    if (plotWidth <= 4 || plotHeight <= 4) {
-      return;
-    }
-    const bg = (_a = theme.backgroundColor) != null ? _a : "#ffffff";
-    ctx.fillStyle = bg;
-    ctx.fillRect(0, 0, cssW, cssH);
-    const labelList = [...labels];
-    const xScale = scalePoint().domain(labelList).range([plotLeft, plotLeft + plotWidth]).padding(0.5);
-    const [y0, y1] = yDomainForSeries(resolved);
-    const yScale = scaleLinear().domain([y0, y1]).nice().range([plotTop + plotHeight, plotTop]);
-    const axisColor = (_b = theme.axisColor) != null ? _b : "#666";
-    const gridColor = (_c = theme.gridColor) != null ? _c : "rgba(0,0,0,0.08)";
-    if (showGrid) {
-      const ticks = yScale.ticks(6);
-      ctx.strokeStyle = gridColor;
-      ctx.lineWidth = 1;
-      ctx.setLineDash([]);
-      for (const t of ticks) {
-        const y = Math.round(yScale(t)) + 0.5;
-        ctx.beginPath();
-        ctx.moveTo(plotLeft, y);
-        ctx.lineTo(plotLeft + plotWidth, y);
-        ctx.stroke();
-      }
-    }
-    const xAt = (i) => {
-      const label = labels[i];
-      return label !== void 0 ? xScale(label) : void 0;
-    };
-    for (const s of resolved) {
-      if (s.overlay || !s.fill) {
-        continue;
-      }
-      const opacity = (_d = s.fill.opacity) != null ? _d : 0.45;
-      const baseline = yScale(0);
-      ctx.save();
-      ctx.globalAlpha = opacity;
-      ctx.fillStyle = s.resolvedColor;
-      ctx.beginPath();
-      let started = false;
-      for (let i = 0; i < labels.length; i++) {
-        const x = xAt(i);
-        const v = s.data[i];
-        if (x == null || typeof v !== "number" || !Number.isFinite(v)) {
-          started = false;
-          continue;
-        }
-        const y = yScale(v);
-        if (!started) {
-          ctx.moveTo(x, y);
-          started = true;
-        } else {
-          ctx.lineTo(x, y);
-        }
-      }
-      for (let i = labels.length - 1; i >= 0; i--) {
-        const x = xAt(i);
-        if (x == null) {
-          continue;
-        }
-        ctx.lineTo(x, baseline);
-      }
-      ctx.closePath();
-      ctx.fill();
-      ctx.restore();
-    }
-    for (const s of resolved) {
-      if ((_e = s.visibility) == null ? void 0 : _e.excluded) {
-        continue;
-      }
-      const pattern = (_g = (_f = s.stroke) == null ? void 0 : _f.pattern) != null ? _g : [];
-      ctx.strokeStyle = s.resolvedColor;
-      ctx.lineWidth = 2;
-      ctx.lineJoin = "round";
-      ctx.lineCap = "round";
-      ctx.setLineDash(pattern);
-      ctx.beginPath();
-      let started = false;
-      for (let i = 0; i < labels.length; i++) {
-        const x = xAt(i);
-        const v = s.data[i];
-        if (x == null || typeof v !== "number" || !Number.isFinite(v)) {
-          started = false;
-          continue;
-        }
-        const y = yScale(v);
-        if (!started) {
-          ctx.moveTo(x, y);
-          started = true;
-        } else {
-          ctx.lineTo(x, y);
-        }
-      }
-      ctx.stroke();
-      ctx.setLineDash([]);
-    }
-    ctx.fillStyle = axisColor;
-    const bodyFamily = typeof document !== "undefined" ? window.getComputedStyle(document.body).fontFamily.trim() : "ui-sans-serif, system-ui, sans-serif";
-    ctx.font = `11px ${bodyFamily || "ui-sans-serif, system-ui, sans-serif"}`;
-    ctx.textAlign = "right";
-    ctx.textBaseline = "middle";
-    const yTicks = yScale.ticks(6);
-    for (const t of yTicks) {
-      const y = yScale(t);
-      ctx.fillText(String(Number.isInteger(t) ? t : Number(t.toFixed(2))), plotLeft - 8, y);
-    }
-    ctx.textAlign = "center";
-    ctx.textBaseline = "top";
-    const step = Math.max(1, Math.ceil(labels.length / 8));
-    for (let i = 0; i < labels.length; i += step) {
-      const x = xAt(i);
-      if (x == null) {
-        continue;
-      }
-      const text = labels[i];
-      if (text === void 0) {
-        continue;
-      }
-      ctx.fillText(text.length > 8 ? `${text.slice(0, 7)}\u2026` : text, x, plotTop + plotHeight + 8);
-    }
-    const hi = hoverIndex;
-    if (hi != null && hi >= 0 && hi < labels.length && showCrosshair) {
-      const cx = xAt(hi);
-      if (cx != null) {
-        const cross = (_h = theme.crosshairColor) != null ? _h : gridColor;
-        ctx.strokeStyle = cross;
-        ctx.lineWidth = 1;
-        ctx.setLineDash([4, 4]);
-        ctx.beginPath();
-        ctx.moveTo(cx, plotTop);
-        ctx.lineTo(cx, plotTop + plotHeight);
-        ctx.stroke();
-        ctx.setLineDash([]);
-        for (const s of resolved) {
-          if (s.overlay || ((_i = s.visibility) == null ? void 0 : _i.excluded)) {
-            continue;
-          }
-          const v = s.data[hi];
-          if (typeof v !== "number" || !Number.isFinite(v)) {
-            continue;
-          }
-          const y = yScale(v);
-          drawHighlightPoint(ctx, cx, y, s.resolvedColor, bg, 4);
-        }
-      }
-    }
-  }, [hoverIndex, labels, resolved, showCrosshair, showGrid, size.height, size.width, theme]);
-  useEffect(() => {
-    draw();
-  }, [draw]);
-  const onMouseMove = (event) => {
-    const canvas = canvasRef.current;
-    if (!canvas) {
-      return;
-    }
-    const mx = event.nativeEvent.offsetX;
-    const m = HOG_LITE_DEFAULT_MARGINS;
-    const plotLeft = m.left;
-    const plotWidth = size.width - m.left - m.right;
-    if (plotWidth <= 4) {
-      return;
-    }
-    const labelList = [...labels];
-    const xScale = scalePoint().domain(labelList).range([plotLeft, plotLeft + plotWidth]).padding(0.5);
-    let best = 0;
-    let bestDist = Number.POSITIVE_INFINITY;
-    labels.forEach((lab, i) => {
-      const xi = xScale(lab);
-      if (xi == null) {
-        return;
-      }
-      const d = Math.abs(mx - xi);
-      if (d < bestDist) {
-        bestDist = d;
-        best = i;
-      }
-    });
-    setHoverIndex(best);
-  };
-  const onMouseLeave = () => {
-    setHoverIndex(null);
-  };
-  const tooltipRows = useMemo(() => {
-    if (hoverIndex == null) {
-      return null;
-    }
-    const label = labels[hoverIndex];
-    if (label === void 0) {
-      return null;
-    }
-    return resolved.filter((s) => {
-      var _a;
-      return !s.overlay && !((_a = s.visibility) == null ? void 0 : _a.excluded);
-    }).map((s) => ({
-      label: s.label,
-      color: s.resolvedColor,
-      value: s.data[hoverIndex]
-    })).filter((row) => typeof row.value === "number" && Number.isFinite(row.value));
-  }, [hoverIndex, labels, resolved]);
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `relative w-full ${className}`.trim(), children: [
-    /* @__PURE__ */ jsx(
-      "canvas",
-      {
-        ref: canvasRef,
-        className: "block w-full cursor-crosshair rounded-[2px]",
-        "aria-label": "Trend line chart canvas",
-        onMouseMove,
-        onMouseLeave
-      }
-    ),
-    tooltipRows != null && tooltipRows.length > 0 && hoverIndex != null ? /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "pointer-events-none absolute z-20 max-w-xs rounded-[var(--ph-radius-app)] border border-ph-border-strong bg-ph-surface px-3 py-2 text-xs shadow-ph-md",
-        style: {
-          left: 12,
-          top: 8
-        },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "font-semibold text-ph-ink", children: labels[hoverIndex] }),
-          /* @__PURE__ */ jsx("ul", { className: "mt-1 space-y-0.5 text-ph-mutedtext", children: tooltipRows.map((row) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "h-2 w-2 shrink-0 rounded-full", style: { background: row.color } }),
-            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: row.label }),
-            /* @__PURE__ */ jsx("span", { className: "ml-auto tabular-nums text-ph-ink", children: row.value })
-          ] }, row.label)) })
-        ]
-      }
-    ) : null
-  ] });
-}
-
-// src/lib/chart/use-ph-chart-tokens.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
-var DEFAULT_TOKENS = {
-  series: ["#1d4aff", "#621da6", "#42827e", "#ce0e74", "#f14f58", "#529a0a", "#fe729e"],
-  muted: "hsl(220 9% 90%)",
-  surface: "#ffffff",
-  textMuted: "hsl(220 9% 46%)",
-  grid: "hsl(220 13% 91%)",
-  borderStrong: "hsl(220 13% 80%)"
-};
-function readTokens() {
-  if (typeof document === "undefined") return DEFAULT_TOKENS;
-  const style = getComputedStyle(document.documentElement);
-  const read = (key, fallback) => style.getPropertyValue(key).trim() || fallback;
-  return {
-    series: [
-      read("--ph-data-1", DEFAULT_TOKENS.series[0]),
-      read("--ph-data-2", DEFAULT_TOKENS.series[1]),
-      read("--ph-data-3", DEFAULT_TOKENS.series[2]),
-      read("--ph-data-4", DEFAULT_TOKENS.series[3]),
-      read("--ph-data-5", DEFAULT_TOKENS.series[4]),
-      read("--ph-data-6", DEFAULT_TOKENS.series[5]),
-      read("--ph-data-7", DEFAULT_TOKENS.series[6])
-    ],
-    muted: read("--ph-muted", DEFAULT_TOKENS.muted),
-    surface: read("--ph-surface", DEFAULT_TOKENS.surface),
-    textMuted: read("--ph-mutedtext", DEFAULT_TOKENS.textMuted),
-    grid: read("--ph-border", DEFAULT_TOKENS.grid),
-    borderStrong: read("--ph-border-strong", DEFAULT_TOKENS.borderStrong)
-  };
-}
-function useChartTokens() {
-  const [tokens, setTokens] = useState2(DEFAULT_TOKENS);
-  useEffect2(() => {
-    setTokens(readTokens());
-  }, []);
-  return tokens;
-}
-
-// src/lib/hog-charts-lite/build-theme.ts
-function buildHogChartTheme(tokens) {
-  return {
-    colors: tokens.series.slice(),
-    backgroundColor: tokens.surface,
-    axisColor: tokens.textMuted,
-    gridColor: tokens.grid,
-    crosshairColor: tokens.borderStrong
-  };
-}
-
-// src/components/charts/quill/TimeSeriesLineChart.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function TimeSeriesLineChart({
-  series,
-  labels,
-  className,
-  showGrid = true,
-  showCrosshair = true,
-  height = 280
-}) {
-  const tokens = useChartTokens();
-  const theme = useMemo2(() => buildHogChartTheme(tokens), [tokens]);
-  const resolved = useMemo2(
-    () => series.map((s, i) => {
-      var _a;
-      return {
-        key: s.key,
-        label: s.label,
-        data: s.data,
-        color: (_a = s.color) != null ? _a : tokens.series[i % tokens.series.length]
-      };
-    }),
-    [series, tokens.series]
-  );
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: cn("relative w-full", className),
-      style: { height, minHeight: 220 },
-      children: /* @__PURE__ */ jsx2(
-        CanvasTrendLineChart,
-        {
-          labels,
-          series: resolved,
-          theme,
-          showGrid,
-          showCrosshair,
-          className: "h-full min-h-[220px]"
-        }
-      )
-    }
-  );
-}
-
-// src/components/charts/quill/BarChart.tsx
-import { useMemo as useMemo3 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function BarChart({ series, labels, className, height = 280 }) {
-  const tokens = useChartTokens();
-  const groupCount = labels.length;
-  const barCount = series.length;
-  const { maxVal, chartData } = useMemo3(() => {
-    let mx = 0;
-    const flat = series.flatMap((s) => s.data);
-    for (const v of flat) if (v > mx) mx = v;
-    return {
-      maxVal: mx || 1,
-      chartData: series.map((s, i) => {
-        var _a;
-        return {
-          label: s.label,
-          color: (_a = s.color) != null ? _a : tokens.series[i % tokens.series.length],
-          values: s.data
-        };
-      })
-    };
-  }, [series, tokens.series]);
-  const padding = { top: 16, right: 8, bottom: 24, left: 8 };
-  const innerW = 400 - padding.left - padding.right;
-  const innerH = height - padding.top - padding.bottom;
-  const groupW = innerW / groupCount;
-  const barW = Math.max(4, groupW * 0.7 / barCount);
-  const gap = groupW * 0.15;
-  return /* @__PURE__ */ jsx3("div", { className: cn("relative w-full", className), style: { height }, children: /* @__PURE__ */ jsxs2("svg", { viewBox: `0 0 400 ${height}`, className: "h-full w-full", preserveAspectRatio: "xMidYMid meet", suppressHydrationWarning: true, children: [
-    chartData.map(
-      (bar, bi) => bar.values.map((v, li) => {
-        const x = padding.left + li * groupW + gap / 2 + bi * barW;
-        const barH = v / maxVal * (innerH - 4);
-        const y = padding.top + innerH - barH;
-        return /* @__PURE__ */ jsx3(
-          "rect",
-          {
-            x,
-            y,
-            width: barW,
-            height: barH,
-            fill: bar.color,
-            rx: 2,
-            children: /* @__PURE__ */ jsx3("title", { children: `${bar.label}: ${v}` })
-          },
-          `${bi}-${li}`
-        );
-      })
-    ),
-    labels.map((l, i) => /* @__PURE__ */ jsx3(
-      "text",
-      {
-        x: padding.left + i * groupW + groupW / 2,
-        y: height - 4,
-        textAnchor: "middle",
-        className: "fill-ph-mutedtext",
-        fontSize: "10",
-        children: l
-      },
-      l
-    ))
-  ] }) });
-}
-
-// src/components/charts/quill/PieChart.tsx
-import { useMemo as useMemo4 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function PieChart({ slices, className, size = 200 }) {
-  const tokens = useChartTokens();
-  const { total, segments } = useMemo4(() => {
-    const t = slices.reduce((s, sl) => s + Math.max(0, sl.value), 0);
-    let cum = 0;
-    const segs = slices.map((sl, i) => {
-      var _a;
-      const start = cum;
-      const val = Math.max(0, sl.value);
-      cum += val;
-      return __spreadProps(__spreadValues({}, sl), {
-        color: (_a = sl.color) != null ? _a : tokens.series[i % tokens.series.length],
-        startAngle: start / t * 360,
-        endAngle: cum / t * 360,
-        pct: t > 0 ? val / t * 100 : 0
-      });
-    });
-    return { total: t, segments: segs };
-  }, [slices, tokens.series]);
-  const cx = size / 2;
-  const cy = size / 2;
-  const r = size * 0.38;
-  const ir = r * 0.6;
-  const polarToCart = (angleDeg, radius) => {
-    const rad = (angleDeg - 90) * Math.PI / 180;
-    return { x: cx + radius * Math.cos(rad), y: cy + radius * Math.sin(rad) };
-  };
-  const describeArc = (start, end) => {
-    if (end - start >= 359.9) {
-      const p1 = polarToCart(start, r);
-      const p2 = polarToCart(start + 179.9, r);
-      const p3 = polarToCart(start + 359.9, r);
-      return `M${p1.x},${p1.y} A${r},${r} 0 0,1 ${p2.x},${p2.y} A${r},${r} 0 0,1 ${p3.x},${p3.y} Z`;
-    }
-    const s = polarToCart(start, r);
-    const e = polarToCart(end, r);
-    const si = polarToCart(start, ir);
-    const ei = polarToCart(end, ir);
-    const large = end - start > 180 ? 1 : 0;
-    return `M${s.x},${s.y} A${r},${r} 0 ${large},1 ${e.x},${e.y} L${ei.x},${ei.y} A${ir},${ir} 0 ${large},0 ${si.x},${si.y} Z`;
-  };
-  return /* @__PURE__ */ jsxs3("div", { className: cn("relative", className), style: { width: size, height: size }, children: [
-    /* @__PURE__ */ jsxs3("svg", { viewBox: `0 0 ${size} ${size}`, className: "h-full w-full", suppressHydrationWarning: true, children: [
-      segments.map((s) => /* @__PURE__ */ jsx4("path", { d: describeArc(s.startAngle, s.endAngle), fill: s.color, children: /* @__PURE__ */ jsx4("title", { children: `${s.label}: ${s.pct.toFixed(1)}%` }) }, s.key)),
-      /* @__PURE__ */ jsx4("circle", { cx, cy, r: ir, fill: "var(--ph-surface)" })
-    ] }),
-    /* @__PURE__ */ jsx4("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsx4("span", { className: "text-lg font-bold text-ph-ink tabular-nums", children: slices.length }) })
-  ] });
-}
-
-// src/components/charts/quill/Sparkline.tsx
-import { useMemo as useMemo5 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function Sparkline({
-  data,
-  color,
-  className,
-  width = 80,
-  height = 32,
-  strokeWidth = 2
-}) {
-  const tokens = useChartTokens();
-  const resolvedColor = color != null ? color : tokens.series[0];
-  const path = useMemo5(() => {
-    if (data.length < 2) return "";
-    const min = Math.min(...data);
-    const max = Math.max(...data);
-    const range = max - min || 1;
-    const xStep = width / (data.length - 1);
-    return data.map((v, i) => {
-      const x = i * xStep;
-      const y = height - (v - min) / range * (height - 4) - 2;
-      return `${i === 0 ? "M" : "L"}${x},${y}`;
-    }).join(" ");
-  }, [data, width, height]);
-  if (data.length < 2) return null;
-  return /* @__PURE__ */ jsx5(
-    "svg",
-    {
-      className: cn("shrink-0", className),
-      width,
-      height,
-      viewBox: `0 0 ${width} ${height}`,
-      "aria-hidden": true,
-      suppressHydrationWarning: true,
-      children: /* @__PURE__ */ jsx5("path", { d: path, fill: "none", stroke: resolvedColor, strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })
-    }
-  );
-}
-
-// src/components/charts/quill/MetricCard.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-function MetricCard({
-  value,
-  label,
-  change,
-  sparklineData,
-  icon,
-  className
-}) {
-  var _a;
-  return /* @__PURE__ */ jsxs4("div", { className: cn("ph-metric", className), children: [
-    /* @__PURE__ */ jsxs4("div", { className: "ph-metric__header", children: [
-      icon && /* @__PURE__ */ jsx6("span", { className: "ph-metric__icon", children: icon }),
-      /* @__PURE__ */ jsx6("span", { className: "ph-metric__label", children: label }),
-      change && /* @__PURE__ */ jsxs4(Badge, { variant: ((_a = change.positive) != null ? _a : change.value >= 0) ? "success" : "danger", children: [
-        change.value >= 0 ? "+" : "",
-        change.value,
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx6("div", { className: "ph-metric__value", children: value }),
-    sparklineData && sparklineData.length > 0 && /* @__PURE__ */ jsx6("div", { className: "mt-2", children: /* @__PURE__ */ jsx6(Sparkline, { data: sparklineData }) })
-  ] });
-}
-
-// src/components/charts/quill/FunnelChart.tsx
-import { useMemo as useMemo6 } from "react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function FunnelChart({ steps, className }) {
-  const tokens = useChartTokens();
-  const maxCount = useMemo6(() => Math.max(...steps.map((s) => s.count)), [steps]);
-  return /* @__PURE__ */ jsx7("div", { className: cn("space-y-2", className), suppressHydrationWarning: true, children: steps.map((step, i) => {
-    const pct = step.count / maxCount * 100;
-    const prev = i > 0 ? steps[i - 1].count : step.count;
-    const dropoff = prev > 0 ? (prev - step.count) / prev * 100 : 0;
-    return /* @__PURE__ */ jsxs5("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between text-sm", children: [
-        /* @__PURE__ */ jsx7("span", { className: "font-medium text-ph-ink", children: step.label }),
-        /* @__PURE__ */ jsx7("span", { className: "tabular-nums text-ph-subtle", children: step.count.toLocaleString() })
-      ] }),
-      /* @__PURE__ */ jsx7("div", { className: "relative h-8 overflow-hidden rounded-md", style: { background: tokens.muted }, children: /* @__PURE__ */ jsx7(
-        "div",
-        {
-          className: "h-full rounded-md transition-all duration-500",
-          style: { width: `${pct}%`, background: i === 0 ? tokens.series[0] : tokens.series[i % tokens.series.length] }
-        }
-      ) }),
-      i > 0 && dropoff > 0 && /* @__PURE__ */ jsxs5("p", { className: "text-xs text-ph-danger", children: [
-        "-",
-        dropoff.toFixed(1),
-        "% dropoff"
-      ] })
-    ] }, step.label);
-  }) });
-}
+} from "./chunk-E5ZBQYEX.mjs";
+import "./chunk-FWCSY2DS.mjs";
 export {
   Accordion,
   Alert,
-  AlertDialog,
-  AppLayout,
   AuthCard,
   AuthDivider,
   AuthLayout,
-  Autocomplete,
   Avatar,
   AvatarGroup,
   Badge,
-  Banner,
-  BarChart,
-  Breadcrumbs,
   Button,
   ButtonChrome,
-  ButtonGroup,
   CANONICAL_ICONS,
   Calendar,
   Caption,
   Card,
-  ChatBubble,
   Checkbox,
   Chip,
-  CodeBlock,
-  Collapsible,
-  CollapsibleSection,
-  Combobox,
   CommandPalette,
-  ComponentDocs,
-  ContextMenu,
   DEFAULT_THEME_ID,
-  DataTable,
-  DatePicker,
-  Dialog,
   Display,
-  Divider,
   Dot,
-  Drawer,
   DropdownButton,
   DropdownItem,
   DropdownMenu,
@@ -909,16 +188,13 @@ export {
   FileUpload,
   FilterBar,
   FilterChips,
-  FilterControls,
   FilterMenu,
   FormField,
-  FunnelChart,
   H1,
   H2,
   H3,
   H4,
   H5,
-  HoverCard,
   IconBase as Icon,
   IconActivity,
   IconAreaChart,
@@ -998,78 +274,40 @@ export {
   IconUpload,
   IconVolume,
   IconVolumeOff,
-  Indicator,
   Input,
-  InputGroup,
-  Kbd,
   Label,
   Lead,
-  Lettermark,
   Link,
   Loader,
-  LoadingBar,
   LoadingState,
-  Menubar,
-  Metric,
-  MetricCard,
   Modal,
   Mono,
-  NumberField,
   OLD_UI_ICONS,
   Overline,
   P,
   PH_ICONS,
   PH_ICON_ALIASES,
-  Pagination,
   Panel,
-  PieChart,
-  Popover,
   Progress,
-  ProgressCircle,
   Radio,
-  Range,
-  Rating,
-  Resizable,
-  Row,
-  ScrollArea,
-  SearchGroup,
   SearchInput,
   SegmentedControl,
   Select,
   SettingsLayout,
   SettingsNav,
-  ShowcaseWrapper,
-  Sidebar,
   Skeleton,
   Small,
-  Snack,
   SortMenu,
-  Sparkline,
   Spinner,
-  Splotch,
   Stat,
-  Stepper,
   THEMES,
   THEME_GROUPS,
   THEME_INIT_SCRIPT,
   Table,
-  Tabs,
-  Tag,
-  Terminal,
   Textarea,
-  ThemeDomSync,
-  ThemeManager,
-  ThemeSwitcher,
-  TimeSeriesLineChart,
-  Timeline,
-  Toast,
-  ToastStack,
   Toggle,
-  ToggleButton,
-  ToggleGroup,
   Tooltip,
   TooltipProvider,
-  Widget,
   createIconBase,
   createIconBasePath,
   getTheme,