@refraction-ui/react 0.18.2 → 0.18.4

package/dist/index.js

@@ -2,6 +2,7 @@
 import { cn, devWarn, cva, generateId, prefersReducedMotion, createKeyboardHandler, Keys, createMachine } from './chunk-4A4BW3GR.js';
 export { createFaroSink } from './chunk-XWP763SH.js';
 import * as React23 from 'react';
+import { createContext, forwardRef, useRef, useState, useEffect, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { createPortal } from 'react-dom';
@@ -124,6 +125,250 @@ var AccordionContent = React23.forwardRef(
 );
 AccordionContent.displayName = "AccordionContent";
 
+// ../ai/dist/index.js
+function createAI(config) {
+  const providers = /* @__PURE__ */ new Map();
+  const providerOrder = [];
+  const defaultProvider = config?.default;
+  const fallbackChain = config?.fallback ?? [];
+  const router = config?.router;
+  function resolveProvider(opts) {
+    if (opts?.provider) {
+      const p = providers.get(opts.provider);
+      if (!p) {
+        throw new Error(`AI provider "${opts.provider}" not found. Registered providers: [${providerOrder.join(", ")}]`);
+      }
+      return p;
+    }
+    if (router) {
+      const chosen = router(opts ?? {}, {
+        providers: [...providerOrder],
+        default: defaultProvider ?? providerOrder[0] ?? ""
+      });
+      const p = providers.get(chosen);
+      if (p) return p;
+    }
+    if (defaultProvider) {
+      const p = providers.get(defaultProvider);
+      if (!p) {
+        throw new Error(`Default AI provider "${defaultProvider}" not registered. Registered providers: [${providerOrder.join(", ")}]`);
+      }
+      return p;
+    }
+    if (providerOrder.length === 0) {
+      throw new Error("No AI providers configured. Call addProvider() to register at least one provider.");
+    }
+    return providers.get(providerOrder[0]);
+  }
+  async function withFallback(primary, fn) {
+    try {
+      return await fn(primary);
+    } catch (error) {
+      for (const name of fallbackChain) {
+        const fallback = providers.get(name);
+        if (!fallback || fallback === primary) continue;
+        try {
+          return await fn(fallback);
+        } catch {
+        }
+      }
+      if (fallbackChain.length > 0) {
+        const lastFallbackName = fallbackChain[fallbackChain.length - 1];
+        const lastFallback = providers.get(lastFallbackName);
+        if (lastFallback && lastFallback !== primary) {
+          return await fn(lastFallback);
+        }
+      }
+      throw error;
+    }
+  }
+  const api = {
+    get providers() {
+      return [...providerOrder];
+    },
+    async generateText(prompt, opts) {
+      const provider = resolveProvider(opts);
+      return withFallback(provider, (p) => p.generateText(prompt, opts));
+    },
+    async generateJSON(prompt, opts) {
+      const provider = resolveProvider(opts);
+      return withFallback(provider, (p) => p.generateJSON(prompt, opts));
+    },
+    addProvider(name, provider) {
+      if (providers.has(name)) {
+        providers.set(name, provider);
+      } else {
+        providers.set(name, provider);
+        providerOrder.push(name);
+      }
+    },
+    removeProvider(name) {
+      if (providers.has(name)) {
+        providers.delete(name);
+        const idx = providerOrder.indexOf(name);
+        if (idx !== -1) providerOrder.splice(idx, 1);
+      }
+    }
+  };
+  return api;
+}
+function createTTS(config) {
+  const providers = /* @__PURE__ */ new Map();
+  const providerOrder = [];
+  const defaultProvider = config?.default;
+  const router = config?.router;
+  function resolveProvider(opts) {
+    if (opts?.provider) {
+      const p = providers.get(opts.provider);
+      if (!p) {
+        throw new Error(`TTS provider "${opts.provider}" not found. Registered providers: [${providerOrder.join(", ")}]`);
+      }
+      return p;
+    }
+    if (router) {
+      const chosen = router(opts ?? {}, {
+        providers: [...providerOrder],
+        default: defaultProvider ?? providerOrder[0] ?? ""
+      });
+      const p = providers.get(chosen);
+      if (p) return p;
+    }
+    if (defaultProvider) {
+      const p = providers.get(defaultProvider);
+      if (!p) {
+        throw new Error(`Default TTS provider "${defaultProvider}" not registered. Registered providers: [${providerOrder.join(", ")}]`);
+      }
+      return p;
+    }
+    if (providerOrder.length === 0) {
+      throw new Error("No TTS providers configured. Call addProvider() to register at least one provider.");
+    }
+    return providers.get(providerOrder[0]);
+  }
+  const api = {
+    get providers() {
+      return [...providerOrder];
+    },
+    speak(text, opts) {
+      const provider = resolveProvider(opts);
+      provider.speak(text, opts);
+    },
+    stop() {
+      for (const name of providerOrder) {
+        const p = providers.get(name);
+        if (p) p.stop();
+      }
+    },
+    addProvider(name, provider) {
+      if (providers.has(name)) {
+        providers.set(name, provider);
+      } else {
+        providers.set(name, provider);
+        providerOrder.push(name);
+      }
+    }
+  };
+  return api;
+}
+
+// ../react-ai/dist/index.js
+var AIContext = React23.createContext(null);
+function AIProvider({ children, providers: providerMap, ...config }) {
+  const aiRef = React23.useRef(null);
+  if (!aiRef.current) {
+    aiRef.current = createAI(config);
+    if (providerMap) {
+      for (const [name, provider] of Object.entries(providerMap)) {
+        aiRef.current.addProvider(name, provider);
+      }
+    }
+  }
+  const [isGenerating, setIsGenerating] = React23.useState(false);
+  const [providerNames, setProviderNames] = React23.useState(() => aiRef.current.providers);
+  const value = React23.useMemo(
+    () => ({
+      generateText: async (prompt, opts) => {
+        setIsGenerating(true);
+        try {
+          return await aiRef.current.generateText(prompt, opts);
+        } finally {
+          setIsGenerating(false);
+        }
+      },
+      generateJSON: async (prompt, opts) => {
+        setIsGenerating(true);
+        try {
+          return await aiRef.current.generateJSON(prompt, opts);
+        } finally {
+          setIsGenerating(false);
+        }
+      },
+      providers: providerNames,
+      isGenerating
+    }),
+    [providerNames, isGenerating]
+  );
+  return React23.createElement(AIContext.Provider, { value }, children);
+}
+function useAI() {
+  const ctx = React23.useContext(AIContext);
+  if (!ctx) {
+    devWarn(
+      "react-ai/use-ai-outside-provider",
+      "useAI() was called outside an <AIProvider>. Wrap your app (or the consuming subtree) in <AIProvider> so the AI context is available."
+    );
+    throw new Error("useAI must be used within an <AIProvider>");
+  }
+  return ctx;
+}
+var TTSContext = React23.createContext(null);
+function TTSProvider({ children, providers: providerMap, ...config }) {
+  const ttsRef = React23.useRef(null);
+  if (!ttsRef.current) {
+    ttsRef.current = createTTS(config);
+    if (providerMap) {
+      for (const [name, provider] of Object.entries(providerMap)) {
+        ttsRef.current.addProvider(name, provider);
+      }
+    }
+  }
+  const [isSpeaking, setIsSpeaking] = React23.useState(false);
+  const [providerNames] = React23.useState(() => ttsRef.current.providers);
+  const value = React23.useMemo(
+    () => ({
+      speak: (text, opts) => {
+        setIsSpeaking(true);
+        ttsRef.current.speak(text, {
+          ...opts,
+          onEnd: () => {
+            setIsSpeaking(false);
+            opts?.onEnd?.();
+          }
+        });
+      },
+      stop: () => {
+        ttsRef.current.stop();
+        setIsSpeaking(false);
+      },
+      isSpeaking,
+      providers: providerNames
+    }),
+    [isSpeaking, providerNames]
+  );
+  return React23.createElement(TTSContext.Provider, { value }, children);
+}
+function useTTS() {
+  const ctx = React23.useContext(TTSContext);
+  if (!ctx) {
+    devWarn(
+      "react-ai/use-tts-outside-provider",
+      "useTTS() was called outside a <TTSProvider>. Wrap your app (or the consuming subtree) in <TTSProvider> so the TTS context is available."
+    );
+    throw new Error("useTTS must be used within a <TTSProvider>");
+  }
+  return ctx;
+}
+
 // ../animated-text/dist/index.js
 function createAnimatedText(props) {
   const { words } = props;
@@ -1411,6 +1656,475 @@ function CalendarHeader({
 }
 CalendarHeader.displayName = "CalendarHeader";
 
+// ../charts/dist/index.js
+function createLinearScale(domain, range) {
+  const [d0, d1] = domain;
+  const [r0, r1] = range;
+  const domainSpan = d1 - d0;
+  const rangeSpan = r1 - r0;
+  const scale = ((value) => {
+    if (domainSpan === 0) return r0;
+    return r0 + (value - d0) / domainSpan * rangeSpan;
+  });
+  scale.invert = (value) => {
+    if (rangeSpan === 0) return d0;
+    return d0 + (value - r0) / rangeSpan * domainSpan;
+  };
+  scale.ticks = (count = 10) => {
+    if (count <= 0) return [];
+    const ticks = [];
+    for (let i = 0; i < count; i++) {
+      ticks.push(d0 + domainSpan * i / (count - 1 || 1));
+    }
+    return ticks;
+  };
+  scale.type = "linear";
+  scale.domain = domain;
+  scale.range = range;
+  return scale;
+}
+function createBandScale(domain, range, padding = 0) {
+  const [r0, r1] = range;
+  const rangeSpan = r1 - r0;
+  const n = domain.length;
+  let step = 0;
+  let bw = 0;
+  if (n > 0) {
+    if (n === 1) {
+      bw = rangeSpan;
+      step = rangeSpan;
+    } else {
+      step = n > 0 ? rangeSpan / (n - padding) : 0;
+      bw = step * (1 - padding);
+    }
+  }
+  const indexMap = /* @__PURE__ */ new Map();
+  domain.forEach((d, i) => indexMap.set(d, i));
+  const scale = ((value) => {
+    const idx = indexMap.get(value);
+    if (idx === void 0) return 0;
+    return r0 + idx * step;
+  });
+  scale.bandwidth = () => {
+    return Math.max(0, bw);
+  };
+  scale.type = "band";
+  scale.domain = domain;
+  scale.range = range;
+  return scale;
+}
+function computeExtent(data) {
+  let min = data[0];
+  let max = data[0];
+  for (let i = 1; i < data.length; i++) {
+    if (data[i] < min) min = data[i];
+    if (data[i] > max) max = data[i];
+  }
+  return [min, max];
+}
+function computeHistogramBins(data, binCount) {
+  const count = binCount ?? Math.ceil(Math.sqrt(data.length));
+  const [min, max] = computeExtent(data);
+  const span = max - min;
+  if (span === 0) {
+    const bins2 = [];
+    for (let i = 0; i < count; i++) {
+      bins2.push({ x0: min, x1: max, count: 0 });
+    }
+    bins2[0].count = data.length;
+    return bins2;
+  }
+  const binWidth = span / count;
+  const bins = [];
+  for (let i = 0; i < count; i++) {
+    bins.push({
+      x0: min + i * binWidth,
+      x1: min + (i + 1) * binWidth,
+      count: 0
+    });
+  }
+  for (const value of data) {
+    let idx = Math.floor((value - min) / binWidth);
+    if (idx >= count) idx = count - 1;
+    bins[idx].count++;
+  }
+  return bins;
+}
+function linePath(points) {
+  if (points.length === 0) return "";
+  let d = `M${points[0].x},${points[0].y}`;
+  for (let i = 1; i < points.length; i++) {
+    d += `L${points[i].x},${points[i].y}`;
+  }
+  return d;
+}
+function arcPath(cx, cy, radius, startAngle, endAngle) {
+  const x1 = cx + radius * Math.cos(startAngle);
+  const y1 = cy + radius * Math.sin(startAngle);
+  const x2 = cx + radius * Math.cos(endAngle);
+  const y2 = cy + radius * Math.sin(endAngle);
+  const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
+  const r = (n) => Math.round(n * 1e6) / 1e6;
+  let d = `M${r(x1)},${r(y1)}`;
+  d += `A${radius},${radius} 0 ${largeArcFlag} 1 ${r(x2)},${r(y2)}`;
+  d += `L${cx},${cy}`;
+  d += "Z";
+  return d;
+}
+var DEFAULT_MARGIN = {
+  top: 40,
+  right: 30,
+  bottom: 40,
+  left: 75
+};
+var DEFAULT_WIDTH = 600;
+var DEFAULT_HEIGHT = 400;
+function combineDimensions(partial) {
+  const width = partial.width ?? DEFAULT_WIDTH;
+  const height = partial.height ?? DEFAULT_HEIGHT;
+  const margin = {
+    ...DEFAULT_MARGIN,
+    ...partial.margin ?? {}
+  };
+  const boundedWidth = Math.max(0, width - margin.left - margin.right);
+  const boundedHeight = Math.max(0, height - margin.top - margin.bottom);
+  return { width, height, margin, boundedWidth, boundedHeight };
+}
+function formatTick(value, type) {
+  const num = value;
+  if (!Number.isFinite(num)) return String(num);
+  if (Number.isInteger(num)) {
+    return num.toLocaleString("en-US", { maximumFractionDigits: 0 });
+  }
+  const formatted = num.toLocaleString("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2
+  });
+  return formatted;
+}
+var DEFAULT_MARGIN2 = { top: 40, right: 30, bottom: 40, left: 75 };
+var ChartContext = createContext({
+  __isDefault: true,
+  dimensions: {
+    width: 600,
+    height: 400,
+    margin: DEFAULT_MARGIN2,
+    boundedWidth: 600 - DEFAULT_MARGIN2.left - DEFAULT_MARGIN2.right,
+    boundedHeight: 400 - DEFAULT_MARGIN2.top - DEFAULT_MARGIN2.bottom
+  }
+});
+function useChartContext() {
+  const ctx = useContext(ChartContext);
+  if (ctx.__isDefault) {
+    devWarn(
+      "react-charts/no-chart-provider",
+      "A chart sub-component (Bars/Line/Circles/\u2026) was rendered without a <Chart> ancestor. It is silently falling back to default 600x400 dimensions and will render with the wrong scale. Wrap it in <Chart>\u2026</Chart>."
+    );
+  }
+  return ctx;
+}
+function Chart({
+  width = 600,
+  height = 400,
+  margin,
+  children
+}) {
+  const dimensions = combineDimensions({ width, height, margin });
+  return /* @__PURE__ */ jsx("svg", { width, height, children: /* @__PURE__ */ jsx(ChartContext.Provider, { value: { dimensions }, children: /* @__PURE__ */ jsx("g", { transform: `translate(${dimensions.margin.left},${dimensions.margin.top})`, children }) }) });
+}
+function Bars({ data, x, y, fill = "currentColor" }) {
+  const { dimensions } = useChartContext();
+  const { boundedWidth, boundedHeight } = dimensions;
+  const labels = data.map(x);
+  const values = data.map(y);
+  const [, maxVal] = computeExtent(values);
+  const xScale = createBandScale(labels, [0, boundedWidth], 0.1);
+  const yScale = createLinearScale([0, maxVal], [boundedHeight, 0]);
+  return /* @__PURE__ */ jsx("g", { children: data.map((d, i) => {
+    const label = labels[i];
+    const value = values[i];
+    const barX = xScale(label);
+    const barY = yScale(value);
+    const barHeight = boundedHeight - barY;
+    const barWidth = xScale.bandwidth();
+    return /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: barX,
+        y: barY,
+        width: barWidth,
+        height: barHeight,
+        fill
+      },
+      i
+    );
+  }) });
+}
+function Line({
+  data,
+  x,
+  y,
+  stroke = "currentColor",
+  strokeWidth = 2,
+  fill = "none"
+}) {
+  const { dimensions } = useChartContext();
+  const { boundedWidth, boundedHeight } = dimensions;
+  const xValues = data.map(x);
+  const yValues = data.map(y);
+  const [xMin, xMax] = computeExtent(xValues);
+  const [yMin, yMax] = computeExtent(yValues);
+  const xScale = createLinearScale([xMin, xMax], [0, boundedWidth]);
+  const yScale = createLinearScale([yMin, yMax], [boundedHeight, 0]);
+  const points = data.map((d2) => ({
+    x: xScale(x(d2)),
+    y: yScale(y(d2))
+  }));
+  const d = linePath(points);
+  return /* @__PURE__ */ jsx(
+    "path",
+    {
+      d,
+      stroke,
+      strokeWidth,
+      fill
+    }
+  );
+}
+function Circles({
+  data,
+  cx,
+  cy,
+  r = 4,
+  fill = "currentColor"
+}) {
+  const { dimensions } = useChartContext();
+  const { boundedWidth, boundedHeight } = dimensions;
+  const xValues = data.map(cx);
+  const yValues = data.map(cy);
+  const [xMin, xMax] = computeExtent(xValues);
+  const [yMin, yMax] = computeExtent(yValues);
+  const xScale = createLinearScale([xMin, xMax], [0, boundedWidth]);
+  const yScale = createLinearScale([yMin, yMax], [boundedHeight, 0]);
+  return /* @__PURE__ */ jsx("g", { children: data.map((d, i) => /* @__PURE__ */ jsx(
+    "circle",
+    {
+      cx: xScale(cx(d)),
+      cy: yScale(cy(d)),
+      r,
+      fill
+    },
+    i
+  )) });
+}
+function XAxis({
+  ticks,
+  scale,
+  height,
+  tickSize = 6
+}) {
+  return /* @__PURE__ */ jsx("g", { transform: `translate(0,${height})`, children: ticks.map((tick, i) => {
+    const x = scale(tick);
+    return /* @__PURE__ */ jsxs("g", { transform: `translate(${x},0)`, children: [
+      /* @__PURE__ */ jsx("line", { y2: tickSize, stroke: "currentColor" }),
+      /* @__PURE__ */ jsx(
+        "text",
+        {
+          y: tickSize + 9,
+          textAnchor: "middle",
+          fontSize: 12,
+          fill: "currentColor",
+          children: String(tick)
+        }
+      )
+    ] }, i);
+  }) });
+}
+function YAxis({
+  ticks,
+  scale,
+  tickSize = 6
+}) {
+  return /* @__PURE__ */ jsx("g", { children: ticks.map((tick, i) => {
+    const y = scale(tick);
+    return /* @__PURE__ */ jsxs("g", { transform: `translate(0,${y})`, children: [
+      /* @__PURE__ */ jsx("line", { x2: -tickSize, stroke: "currentColor" }),
+      /* @__PURE__ */ jsx(
+        "text",
+        {
+          x: -tickSize - 4,
+          dy: "0.32em",
+          textAnchor: "end",
+          fontSize: 12,
+          fill: "currentColor",
+          children: String(tick)
+        }
+      )
+    ] }, i);
+  }) });
+}
+function Gradient({
+  id,
+  from,
+  to,
+  direction = "vertical"
+}) {
+  const isVertical = direction === "vertical";
+  return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+    "linearGradient",
+    {
+      id,
+      x1: "0",
+      y1: "0",
+      x2: isVertical ? "0" : "1",
+      y2: isVertical ? "1" : "0",
+      children: [
+        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: from }),
+        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: to })
+      ]
+    }
+  ) });
+}
+function Histogram({
+  data,
+  width = 600,
+  height = 400,
+  bins: binCount = 10,
+  fill = "steelblue",
+  margin
+}) {
+  const dimensions = combineDimensions({ width, height, margin });
+  const { boundedWidth, boundedHeight } = dimensions;
+  const histBins = computeHistogramBins(data, binCount);
+  const maxCount = Math.max(...histBins.map((b) => b.count));
+  const labels = histBins.map((b) => `${formatTick(b.x0)}-${formatTick(b.x1)}`);
+  const xScale = createBandScale(labels, [0, boundedWidth], 0.05);
+  const yScale = createLinearScale([0, maxCount], [boundedHeight, 0]);
+  const yTicks = yScale.ticks(5);
+  return /* @__PURE__ */ jsx("svg", { width, height, children: /* @__PURE__ */ jsxs("g", { transform: `translate(${dimensions.margin.left},${dimensions.margin.top})`, children: [
+    histBins.map((bin, i) => {
+      const label = labels[i];
+      const barX = xScale(label);
+      const barY = yScale(bin.count);
+      const barHeight = boundedHeight - barY;
+      const barWidth = xScale.bandwidth();
+      return /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: barX,
+          y: barY,
+          width: barWidth,
+          height: barHeight,
+          fill
+        },
+        i
+      );
+    }),
+    /* @__PURE__ */ jsx("g", { transform: `translate(0,${boundedHeight})`, children: labels.map((label, i) => {
+      const x = xScale(label) + xScale.bandwidth() / 2;
+      return /* @__PURE__ */ jsxs("g", { transform: `translate(${x},0)`, children: [
+        /* @__PURE__ */ jsx("line", { y2: 6, stroke: "currentColor" }),
+        /* @__PURE__ */ jsx("text", { y: 18, textAnchor: "middle", fontSize: 10, fill: "currentColor", children: label })
+      ] }, i);
+    }) }),
+    /* @__PURE__ */ jsx("g", { children: yTicks.map((tick, i) => {
+      const y = yScale(tick);
+      return /* @__PURE__ */ jsxs("g", { transform: `translate(0,${y})`, children: [
+        /* @__PURE__ */ jsx("line", { x2: -6, stroke: "currentColor" }),
+        /* @__PURE__ */ jsx("text", { x: -9, dy: "0.32em", textAnchor: "end", fontSize: 10, fill: "currentColor", children: formatTick(tick) })
+      ] }, i);
+    }) })
+  ] }) });
+}
+function ScatterPlot({
+  data,
+  x,
+  y,
+  width = 600,
+  height = 400,
+  r = 4,
+  fill = "steelblue",
+  margin
+}) {
+  const dimensions = combineDimensions({ width, height, margin });
+  const { boundedWidth, boundedHeight } = dimensions;
+  const xValues = data.map(x);
+  const yValues = data.map(y);
+  const [xMin, xMax] = computeExtent(xValues);
+  const [yMin, yMax] = computeExtent(yValues);
+  const xScale = createLinearScale([xMin, xMax], [0, boundedWidth]);
+  const yScale = createLinearScale([yMin, yMax], [boundedHeight, 0]);
+  const xTicks = xScale.ticks(5);
+  const yTicks = yScale.ticks(5);
+  return /* @__PURE__ */ jsx("svg", { width, height, children: /* @__PURE__ */ jsxs("g", { transform: `translate(${dimensions.margin.left},${dimensions.margin.top})`, children: [
+    data.map((d, i) => /* @__PURE__ */ jsx(
+      "circle",
+      {
+        cx: xScale(x(d)),
+        cy: yScale(y(d)),
+        r,
+        fill
+      },
+      i
+    )),
+    /* @__PURE__ */ jsx("g", { transform: `translate(0,${boundedHeight})`, children: xTicks.map((tick, i) => {
+      const px = xScale(tick);
+      return /* @__PURE__ */ jsxs("g", { transform: `translate(${px},0)`, children: [
+        /* @__PURE__ */ jsx("line", { y2: 6, stroke: "currentColor" }),
+        /* @__PURE__ */ jsx("text", { y: 18, textAnchor: "middle", fontSize: 10, fill: "currentColor", children: formatTick(tick) })
+      ] }, i);
+    }) }),
+    /* @__PURE__ */ jsx("g", { children: yTicks.map((tick, i) => {
+      const py = yScale(tick);
+      return /* @__PURE__ */ jsxs("g", { transform: `translate(0,${py})`, children: [
+        /* @__PURE__ */ jsx("line", { x2: -6, stroke: "currentColor" }),
+        /* @__PURE__ */ jsx("text", { x: -9, dy: "0.32em", textAnchor: "end", fontSize: 10, fill: "currentColor", children: formatTick(tick) })
+      ] }, i);
+    }) })
+  ] }) });
+}
+var DEFAULT_COLORS = [
+  "#4e79a7",
+  "#f28e2b",
+  "#e15759",
+  "#76b7b2",
+  "#59a14f",
+  "#edc948",
+  "#b07aa1",
+  "#ff9da7",
+  "#9c755f",
+  "#bab0ac"
+];
+function PieChart({
+  data,
+  value,
+  width = 300,
+  height = 300,
+  colors = DEFAULT_COLORS
+}) {
+  const cx = width / 2;
+  const cy = height / 2;
+  const radius = Math.min(cx, cy) - 10;
+  const values = data.map(value);
+  const total = values.reduce((sum, v) => sum + v, 0);
+  let currentAngle = -Math.PI / 2;
+  const arcs = data.map((_, i) => {
+    const sliceAngle = values[i] / total * Math.PI * 2;
+    const startAngle = currentAngle;
+    const endAngle = currentAngle + sliceAngle;
+    currentAngle = endAngle;
+    return { startAngle, endAngle, color: colors[i % colors.length] };
+  });
+  return /* @__PURE__ */ jsx("svg", { width, height, children: arcs.map((arc, i) => /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: arcPath(cx, cy, radius, arc.startAngle, arc.endAngle),
+      fill: arc.color
+    },
+    i
+  )) });
+}
+
 // ../code-editor/dist/index.js
 var languageLabels = {
   js: "JavaScript",
@@ -2692,6 +3406,196 @@ var CommandSeparator = React23.forwardRef(
 );
 CommandSeparator.displayName = "CommandSeparator";
 
+// ../command-input/dist/index.js
+var CommandInput2 = class {
+  state = {
+    nodes: [],
+    rawText: "",
+    cursorPosition: 0,
+    activeTrigger: null,
+    activeCommandText: null
+  };
+  options;
+  constructor(options) {
+    this.options = { ...options };
+  }
+  handleInput(text, cursorPosition) {
+    this.state.rawText = text;
+    this.state.cursorPosition = cursorPosition;
+    this.parseInput();
+    this.notifyStateChange();
+  }
+  handleKeyDown(key, event) {
+    if (this.state.activeTrigger) {
+      if (key === "Escape") {
+        if (event) event.preventDefault();
+        this.state.activeTrigger = null;
+        this.state.activeCommandText = null;
+        if (this.options.onCommandCancel) {
+          this.options.onCommandCancel();
+        }
+        this.notifyStateChange();
+      } else if (key === "Enter") {
+        if (event) event.preventDefault();
+        const trigger = this.state.activeTrigger;
+        const text = this.state.activeCommandText || "";
+        this.state.activeTrigger = null;
+        this.state.activeCommandText = null;
+        if (this.options.onCommandCommit) {
+          this.options.onCommandCommit(trigger, text);
+        }
+        this.notifyStateChange();
+      }
+    }
+  }
+  get value() {
+    return this.state.nodes;
+  }
+  getState() {
+    return { ...this.state };
+  }
+  parseInput() {
+    const { rawText, cursorPosition } = this.state;
+    this.state.activeTrigger = null;
+    this.state.activeCommandText = null;
+    for (let i = cursorPosition - 1; i >= 0; i--) {
+      const char = rawText[i];
+      const matchedTrigger = this.options.triggers.find((t) => t.char === char);
+      if (matchedTrigger) {
+        const isStartOfWord = i === 0 || /\s/.test(rawText[i - 1]);
+        if (isStartOfWord) {
+          const commandText = rawText.slice(i + 1, cursorPosition);
+          if (!/\s/.test(commandText)) {
+            let isValid = true;
+            if (matchedTrigger.pattern) {
+              isValid = matchedTrigger.pattern.test(commandText);
+            }
+            if (isValid) {
+              this.state.activeTrigger = matchedTrigger;
+              this.state.activeCommandText = commandText;
+              if (this.options.onCommandTriggered) {
+                this.options.onCommandTriggered(matchedTrigger, commandText);
+              }
+            }
+          }
+        }
+        break;
+      }
+      if (/\s/.test(char)) {
+        break;
+      }
+    }
+    const nodes = [];
+    if (this.options.triggers.length === 0) {
+      nodes.push({ type: "text", text: rawText });
+      this.state.nodes = nodes;
+      return;
+    }
+    const triggerChars = this.options.triggers.map((t) => t.char.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+    const patternStr = `(^|\\s)(${triggerChars.join("|")})([^\\s]*)`;
+    const regex = new RegExp(patternStr, "g");
+    let currentIndex = 0;
+    let match;
+    while ((match = regex.exec(rawText)) !== null) {
+      const precedingWhitespace = match[1];
+      const triggerChar = match[2];
+      const commandText = match[3];
+      const matchStart = match.index;
+      const triggerStart = matchStart + precedingWhitespace.length;
+      const triggerConfig = this.options.triggers.find((t) => t.char === triggerChar);
+      let isValid = true;
+      if (triggerConfig?.pattern && commandText.length > 0) {
+        isValid = triggerConfig.pattern.test(commandText);
+      }
+      if (isValid) {
+        if (triggerStart > currentIndex) {
+          nodes.push({ type: "text", text: rawText.slice(currentIndex, triggerStart) });
+        }
+        nodes.push({ type: "command", trigger: triggerChar, text: commandText });
+        currentIndex = regex.lastIndex;
+      }
+    }
+    if (currentIndex < rawText.length) {
+      nodes.push({ type: "text", text: rawText.slice(currentIndex) });
+    }
+    this.state.nodes = nodes;
+  }
+  notifyStateChange() {
+    if (this.options.onStateChange) {
+      this.options.onStateChange({ ...this.state });
+    }
+  }
+};
+var CommandInput3 = forwardRef(
+  ({
+    value = "",
+    onChange,
+    triggers = [],
+    renderPopover,
+    className,
+    ...props
+  }, ref) => {
+    const localRef = useRef(null);
+    const containerRef = ref || localRef;
+    const [popoverState, setPopoverState] = useState({
+      isOpen: false,
+      trigger: "",
+      search: "",
+      position: { top: 0, left: 0 }
+    });
+    const coreRef = useRef(null);
+    useEffect(() => {
+      if (containerRef.current && !coreRef.current) {
+        coreRef.current = new CommandInput2({
+          triggers,
+          onCommandTriggered: (trigger, search) => {
+            setPopoverState({
+              isOpen: true,
+              trigger: trigger.char,
+              search,
+              position: { top: 0, left: 0 }
+            });
+          },
+          onCommandCancel: () => {
+            setPopoverState((prev) => ({ ...prev, isOpen: false }));
+          },
+          onStateChange: (state) => {
+            onChange?.(state.rawText);
+          }
+        });
+      }
+    }, [triggers, onChange]);
+    useEffect(() => {
+      if (containerRef.current && containerRef.current.innerHTML !== value && coreRef.current) {
+        containerRef.current.innerHTML = value;
+      }
+    }, [value]);
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full", className), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: containerRef,
+          contentEditable: true,
+          suppressContentEditableWarning: true,
+          className: "w-full min-h-[40px] p-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500",
+          onInput: (e) => {
+            coreRef.current?.handleInput(e.currentTarget.textContent || "", 0);
+          },
+          onKeyDown: (e) => {
+            coreRef.current?.handleKeyDown(e.key, e);
+          },
+          ...props
+        }
+      ),
+      renderPopover && renderPopover({
+        ...popoverState,
+        close: () => setPopoverState((prev) => ({ ...prev, isOpen: false }))
+      })
+    ] });
+  }
+);
+CommandInput3.displayName = "CommandInput";
+
 // ../emoji-picker/dist/index.js
 var CATEGORY_ORDER = ["smileys", "people", "nature", "food", "travel", "activities", "objects", "symbols", "flags"];
 var EMOJI_TUPLES = [
@@ -8358,7 +9262,7 @@ function MessageRow({
           "div",
           { className: "flex items-baseline gap-2" },
           h2("span", { className: "text-sm font-semibold" }, message.author.name),
-          h2("span", { className: "text-xs text-muted-foreground", title: message.timestamp.toLocaleString() }, formatTimestamp(message.timestamp)),
+          h2("span", { className: "text-xs text-muted-foreground", title: message.timestamp.toISOString() }, formatTimestamp(message.timestamp)),
           message.edited ? h2("span", { className: "text-xs text-muted-foreground" }, "(edited)") : null
         ),
         inner
@@ -8372,7 +9276,7 @@ function MessageRow({
       "div",
       { className: "flex items-baseline gap-2" },
       message.edited ? h2("span", { className: "text-xs text-muted-foreground" }, "(edited)") : null,
-      h2("span", { className: "text-xs text-muted-foreground", title: message.timestamp.toLocaleString() }, formatTimestamp(message.timestamp)),
+      h2("span", { className: "text-xs text-muted-foreground", title: message.timestamp.toISOString() }, formatTimestamp(message.timestamp)),
       h2("span", { className: "text-sm font-semibold" }, message.author.name)
     ),
     h2("div", { className: "mt-0.5 flex max-w-[80%] flex-col items-end" }, inner)
@@ -9786,25 +10690,47 @@ function DropdownMenu({
 }
 DropdownMenu.displayName = "DropdownMenu";
 var DropdownMenuTrigger = React23.forwardRef(
-  ({ onClick, children, ...props }, ref) => {
+  ({ asChild = false, onClick, children, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDropdownMenuContext();
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
     };
-    return React23.createElement(
-      "button",
-      {
-        ref,
-        type: "button",
-        "aria-expanded": open,
-        "aria-controls": contentId,
-        "aria-haspopup": "menu",
-        onClick: handleClick,
-        ...props
-      },
-      children
-    );
+    const triggerProps = {
+      type: "button",
+      "aria-expanded": open,
+      "aria-controls": contentId,
+      "aria-haspopup": "menu",
+      onClick: handleClick,
+      ...props
+    };
+    if (asChild) {
+      if (!React23.isValidElement(children)) {
+        devWarn(
+          "dropdown-menu-trigger-asChild-child",
+          "DropdownMenuTrigger: `asChild` expects a single React element child; rendering nothing."
+        );
+        return null;
+      }
+      const child = children;
+      const childOnClick = child.props.onClick;
+      const childRef = child.ref;
+      const mergedProps = {
+        ...triggerProps,
+        onClick: (e) => {
+          childOnClick?.(e);
+          if (!e.defaultPrevented) handleClick(e);
+        },
+        ref: (node) => {
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+          if (typeof childRef === "function") childRef(node);
+          else if (childRef) childRef.current = node;
+        }
+      };
+      return React23.cloneElement(child, mergedProps);
+    }
+    return React23.createElement("button", { ref, ...triggerProps }, children);
   }
 );
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
@@ -9998,12 +10924,14 @@ var feedbackDialogVariants = cva({
 // ../react-feedback-dialog/dist/index.js
 function FeedbackDialog({
   open: controlledOpen,
+  defaultOpen = false,
   onOpenChange,
   onSubmit,
   type = "general",
-  className
+  className,
+  children
 }) {
-  const [open, setOpen] = React23.useState(controlledOpen ?? false);
+  const [open, setOpen] = React23.useState(controlledOpen ?? defaultOpen);
   const [comment, setComment] = React23.useState("");
   const [email, setEmail] = React23.useState("");
   const [honeypot, setHoneypot] = React23.useState("");
@@ -10048,73 +10976,97 @@ function FeedbackDialog({
     setIsSubmitting(false);
     setIsSubmitted(false);
   }, []);
-  if (!isOpen) return null;
   const api = apiRef.current;
+  const trigger = React23.isValidElement(children) ? (() => {
+    const child = children;
+    const childOnClick = child.props.onClick;
+    const childRef = child.ref;
+    return React23.cloneElement(child, {
+      onClick: (e) => {
+        childOnClick?.(e);
+        if (!e.defaultPrevented) handleOpenChange(true);
+      },
+      ref: (node) => {
+        if (typeof childRef === "function") childRef(node);
+        else if (childRef) childRef.current = node;
+      }
+    });
+  })() : children;
   if (isSubmitted) {
     return React23.createElement(
+      React23.Fragment,
+      null,
+      trigger,
+      React23.createElement(
+        "div",
+        {
+          className: cn(feedbackDialogVariants({ type }), className),
+          ...api.ariaProps,
+          "data-state": "submitted"
+        },
+        React23.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
+        React23.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              handleReset();
+              handleOpenChange(false);
+            }
+          },
+          "Close"
+        )
+      )
+    );
+  }
+  return React23.createElement(
+    React23.Fragment,
+    null,
+    trigger,
+    isOpen ? React23.createElement(
       "div",
       {
         className: cn(feedbackDialogVariants({ type }), className),
         ...api.ariaProps,
-        "data-state": "submitted"
+        "data-state": "open"
       },
-      React23.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
+      React23.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
+      React23.createElement("textarea", {
+        "aria-label": "Feedback comment",
+        value: comment,
+        onChange: (e) => setComment(e.target.value),
+        placeholder: "Your feedback...",
+        disabled: isSubmitting
+      }),
+      React23.createElement("input", {
+        type: "email",
+        "aria-label": "Email",
+        value: email,
+        onChange: (e) => setEmail(e.target.value),
+        placeholder: "Email (optional)",
+        disabled: isSubmitting
+      }),
+      // Honeypot field — hidden from real users
+      React23.createElement("input", {
+        type: "text",
+        "aria-hidden": true,
+        tabIndex: -1,
+        style: { position: "absolute", left: "-9999px" },
+        value: honeypot,
+        onChange: (e) => setHoneypot(e.target.value),
+        autoComplete: "off",
+        name: "website"
+      }),
       React23.createElement(
         "button",
         {
           type: "button",
-          onClick: () => {
-            handleReset();
-            handleOpenChange(false);
-          }
+          onClick: handleSubmit,
+          disabled: isSubmitting || !comment.trim()
         },
-        "Close"
+        isSubmitting ? "Submitting..." : "Submit"
       )
-    );
-  }
-  return React23.createElement(
-    "div",
-    {
-      className: cn(feedbackDialogVariants({ type }), className),
-      ...api.ariaProps,
-      "data-state": "open"
-    },
-    React23.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
-    React23.createElement("textarea", {
-      "aria-label": "Feedback comment",
-      value: comment,
-      onChange: (e) => setComment(e.target.value),
-      placeholder: "Your feedback...",
-      disabled: isSubmitting
-    }),
-    React23.createElement("input", {
-      type: "email",
-      "aria-label": "Email",
-      value: email,
-      onChange: (e) => setEmail(e.target.value),
-      placeholder: "Email (optional)",
-      disabled: isSubmitting
-    }),
-    // Honeypot field — hidden from real users
-    React23.createElement("input", {
-      type: "text",
-      "aria-hidden": true,
-      tabIndex: -1,
-      style: { position: "absolute", left: "-9999px" },
-      value: honeypot,
-      onChange: (e) => setHoneypot(e.target.value),
-      autoComplete: "off",
-      name: "website"
-    }),
-    React23.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: handleSubmit,
-        disabled: isSubmitting || !comment.trim()
-      },
-      isSubmitting ? "Submitting..." : "Submit"
-    )
+    ) : null
   );
 }
 FeedbackDialog.displayName = "FeedbackDialog";
@@ -10779,6 +11731,251 @@ var InstallPrompt = React23.forwardRef(
 );
 InstallPrompt.displayName = "InstallPrompt";
 
+// ../i18n/dist/index.js
+var LANGUAGES = {
+  // English variants
+  "en": { code: "en", name: "English", nativeName: "English", direction: "ltr", group: "English" },
+  "en-US": { code: "en-US", name: "English (US)", nativeName: "English (US)", direction: "ltr", group: "English" },
+  "en-GB": { code: "en-GB", name: "English (UK)", nativeName: "English (UK)", direction: "ltr", group: "English" },
+  "en-IN": { code: "en-IN", name: "English (India)", nativeName: "English (India)", direction: "ltr", group: "English" },
+  // Indian languages
+  "hi": { code: "hi", name: "Hindi", nativeName: "\u0939\u093F\u0928\u094D\u0926\u0940", direction: "ltr", group: "Indian" },
+  "te": { code: "te", name: "Telugu", nativeName: "\u0C24\u0C46\u0C32\u0C41\u0C17\u0C41", direction: "ltr", group: "Indian" },
+  "ta": { code: "ta", name: "Tamil", nativeName: "\u0BA4\u0BAE\u0BBF\u0BB4\u0BCD", direction: "ltr", group: "Indian" },
+  "ur": { code: "ur", name: "Urdu", nativeName: "\u0627\u0631\u062F\u0648", direction: "rtl", group: "Indian" },
+  "pa": { code: "pa", name: "Punjabi", nativeName: "\u0A2A\u0A70\u0A1C\u0A3E\u0A2C\u0A40", direction: "ltr", group: "Indian" },
+  "bn": { code: "bn", name: "Bengali", nativeName: "\u09AC\u09BE\u0982\u09B2\u09BE", direction: "ltr", group: "Indian" },
+  "gu": { code: "gu", name: "Gujarati", nativeName: "\u0A97\u0AC1\u0A9C\u0AB0\u0ABE\u0AA4\u0AC0", direction: "ltr", group: "Indian" },
+  "mr": { code: "mr", name: "Marathi", nativeName: "\u092E\u0930\u093E\u0920\u0940", direction: "ltr", group: "Indian" },
+  "kn": { code: "kn", name: "Kannada", nativeName: "\u0C95\u0CA8\u0CCD\u0CA8\u0CA1", direction: "ltr", group: "Indian" },
+  "ml": { code: "ml", name: "Malayalam", nativeName: "\u0D2E\u0D32\u0D2F\u0D3E\u0D33\u0D02", direction: "ltr", group: "Indian" },
+  // Western European
+  "fr": { code: "fr", name: "French", nativeName: "Fran\xE7ais", direction: "ltr", group: "European" },
+  "es": { code: "es", name: "Spanish", nativeName: "Espa\xF1ol", direction: "ltr", group: "European" },
+  "de": { code: "de", name: "German", nativeName: "Deutsch", direction: "ltr", group: "European" },
+  "it": { code: "it", name: "Italian", nativeName: "Italiano", direction: "ltr", group: "European" },
+  "pt": { code: "pt", name: "Portuguese", nativeName: "Portugu\xEAs", direction: "ltr", group: "European" },
+  "pt-BR": { code: "pt-BR", name: "Portuguese (Brazil)", nativeName: "Portugu\xEAs (Brasil)", direction: "ltr", group: "European" },
+  "nl": { code: "nl", name: "Dutch", nativeName: "Nederlands", direction: "ltr", group: "European" },
+  // Nordic
+  "sv": { code: "sv", name: "Swedish", nativeName: "Svenska", direction: "ltr", group: "European" },
+  "da": { code: "da", name: "Danish", nativeName: "Dansk", direction: "ltr", group: "European" },
+  "no": { code: "no", name: "Norwegian", nativeName: "Norsk", direction: "ltr", group: "European" },
+  "fi": { code: "fi", name: "Finnish", nativeName: "Suomi", direction: "ltr", group: "European" },
+  // Eastern European
+  "pl": { code: "pl", name: "Polish", nativeName: "Polski", direction: "ltr", group: "European" },
+  "cs": { code: "cs", name: "Czech", nativeName: "\u010Ce\u0161tina", direction: "ltr", group: "European" },
+  "ro": { code: "ro", name: "Romanian", nativeName: "Rom\xE2n\u0103", direction: "ltr", group: "European" },
+  "hu": { code: "hu", name: "Hungarian", nativeName: "Magyar", direction: "ltr", group: "European" },
+  "bg": { code: "bg", name: "Bulgarian", nativeName: "\u0411\u044A\u043B\u0433\u0430\u0440\u0441\u043A\u0438", direction: "ltr", group: "European" },
+  "hr": { code: "hr", name: "Croatian", nativeName: "Hrvatski", direction: "ltr", group: "European" },
+  "sk": { code: "sk", name: "Slovak", nativeName: "Sloven\u010Dina", direction: "ltr", group: "European" },
+  "sl": { code: "sl", name: "Slovenian", nativeName: "Sloven\u0161\u010Dina", direction: "ltr", group: "European" },
+  "sr": { code: "sr", name: "Serbian", nativeName: "Srpski", direction: "ltr", group: "European" },
+  "uk": { code: "uk", name: "Ukrainian", nativeName: "\u0423\u043A\u0440\u0430\u0457\u043D\u0441\u044C\u043A\u0430", direction: "ltr", group: "European" },
+  "el": { code: "el", name: "Greek", nativeName: "\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC", direction: "ltr", group: "European" },
+  "ru": { code: "ru", name: "Russian", nativeName: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439", direction: "ltr", group: "European" },
+  // East Asian
+  "ja": { code: "ja", name: "Japanese", nativeName: "\u65E5\u672C\u8A9E", direction: "ltr", group: "East Asian" },
+  "ko": { code: "ko", name: "Korean", nativeName: "\uD55C\uAD6D\uC5B4", direction: "ltr", group: "East Asian" },
+  "zh": { code: "zh", name: "Chinese (Simplified)", nativeName: "\u4E2D\u6587\uFF08\u7B80\u4F53\uFF09", direction: "ltr", group: "East Asian" },
+  "zh-TW": { code: "zh-TW", name: "Chinese (Traditional)", nativeName: "\u4E2D\u6587\uFF08\u7E41\u9AD4\uFF09", direction: "ltr", group: "East Asian" },
+  // Middle Eastern
+  "ar": { code: "ar", name: "Arabic", nativeName: "\u0627\u0644\u0639\u0631\u0628\u064A\u0629", direction: "rtl", group: "Middle Eastern" },
+  "he": { code: "he", name: "Hebrew", nativeName: "\u05E2\u05D1\u05E8\u05D9\u05EA", direction: "rtl", group: "Middle Eastern" },
+  "tr": { code: "tr", name: "Turkish", nativeName: "T\xFCrk\xE7e", direction: "ltr", group: "Middle Eastern" },
+  // Southeast Asian
+  "th": { code: "th", name: "Thai", nativeName: "\u0E44\u0E17\u0E22", direction: "ltr", group: "Southeast Asian" },
+  "vi": { code: "vi", name: "Vietnamese", nativeName: "Ti\u1EBFng Vi\u1EC7t", direction: "ltr", group: "Southeast Asian" },
+  "id": { code: "id", name: "Indonesian", nativeName: "Bahasa Indonesia", direction: "ltr", group: "Southeast Asian" },
+  "ms": { code: "ms", name: "Malay", nativeName: "Bahasa Melayu", direction: "ltr", group: "Southeast Asian" }
+};
+var COUNTRIES = {
+  // North America
+  "US": { code: "US", name: "United States", flag: "\u{1F1FA}\u{1F1F8}", defaultLanguages: ["en"], timezone: "America/New_York" },
+  "CA": { code: "CA", name: "Canada", flag: "\u{1F1E8}\u{1F1E6}", defaultLanguages: ["en", "fr"], timezone: "America/Toronto" },
+  "MX": { code: "MX", name: "Mexico", flag: "\u{1F1F2}\u{1F1FD}", defaultLanguages: ["es"], timezone: "America/Mexico_City" },
+  // UK & Ireland
+  "GB": { code: "GB", name: "United Kingdom", flag: "\u{1F1EC}\u{1F1E7}", defaultLanguages: ["en"], timezone: "Europe/London" },
+  "IE": { code: "IE", name: "Ireland", flag: "\u{1F1EE}\u{1F1EA}", defaultLanguages: ["en"], timezone: "Europe/Dublin" },
+  // Oceania
+  "AU": { code: "AU", name: "Australia", flag: "\u{1F1E6}\u{1F1FA}", defaultLanguages: ["en"], timezone: "Australia/Sydney" },
+  "NZ": { code: "NZ", name: "New Zealand", flag: "\u{1F1F3}\u{1F1FF}", defaultLanguages: ["en"], timezone: "Pacific/Auckland" },
+  // South Asia
+  "IN": { code: "IN", name: "India", flag: "\u{1F1EE}\u{1F1F3}", defaultLanguages: ["hi", "en"], timezone: "Asia/Kolkata" },
+  "PK": { code: "PK", name: "Pakistan", flag: "\u{1F1F5}\u{1F1F0}", defaultLanguages: ["ur", "en"], timezone: "Asia/Karachi" },
+  "BD": { code: "BD", name: "Bangladesh", flag: "\u{1F1E7}\u{1F1E9}", defaultLanguages: ["bn"], timezone: "Asia/Dhaka" },
+  "LK": { code: "LK", name: "Sri Lanka", flag: "\u{1F1F1}\u{1F1F0}", defaultLanguages: ["ta", "en"], timezone: "Asia/Colombo" },
+  "NP": { code: "NP", name: "Nepal", flag: "\u{1F1F3}\u{1F1F5}", defaultLanguages: ["hi", "en"], timezone: "Asia/Kathmandu" },
+  // Western Europe
+  "FR": { code: "FR", name: "France", flag: "\u{1F1EB}\u{1F1F7}", defaultLanguages: ["fr"], timezone: "Europe/Paris" },
+  "DE": { code: "DE", name: "Germany", flag: "\u{1F1E9}\u{1F1EA}", defaultLanguages: ["de"], timezone: "Europe/Berlin" },
+  "ES": { code: "ES", name: "Spain", flag: "\u{1F1EA}\u{1F1F8}", defaultLanguages: ["es"], timezone: "Europe/Madrid" },
+  "IT": { code: "IT", name: "Italy", flag: "\u{1F1EE}\u{1F1F9}", defaultLanguages: ["it"], timezone: "Europe/Rome" },
+  "PT": { code: "PT", name: "Portugal", flag: "\u{1F1F5}\u{1F1F9}", defaultLanguages: ["pt"], timezone: "Europe/Lisbon" },
+  "NL": { code: "NL", name: "Netherlands", flag: "\u{1F1F3}\u{1F1F1}", defaultLanguages: ["nl"], timezone: "Europe/Amsterdam" },
+  "BE": { code: "BE", name: "Belgium", flag: "\u{1F1E7}\u{1F1EA}", defaultLanguages: ["nl", "fr", "de"], timezone: "Europe/Brussels" },
+  "CH": { code: "CH", name: "Switzerland", flag: "\u{1F1E8}\u{1F1ED}", defaultLanguages: ["de", "fr", "it"], timezone: "Europe/Zurich" },
+  "AT": { code: "AT", name: "Austria", flag: "\u{1F1E6}\u{1F1F9}", defaultLanguages: ["de"], timezone: "Europe/Vienna" },
+  // Nordic
+  "SE": { code: "SE", name: "Sweden", flag: "\u{1F1F8}\u{1F1EA}", defaultLanguages: ["sv"], timezone: "Europe/Stockholm" },
+  "NO": { code: "NO", name: "Norway", flag: "\u{1F1F3}\u{1F1F4}", defaultLanguages: ["no"], timezone: "Europe/Oslo" },
+  "DK": { code: "DK", name: "Denmark", flag: "\u{1F1E9}\u{1F1F0}", defaultLanguages: ["da"], timezone: "Europe/Copenhagen" },
+  "FI": { code: "FI", name: "Finland", flag: "\u{1F1EB}\u{1F1EE}", defaultLanguages: ["fi"], timezone: "Europe/Helsinki" },
+  // Eastern Europe
+  "PL": { code: "PL", name: "Poland", flag: "\u{1F1F5}\u{1F1F1}", defaultLanguages: ["pl"], timezone: "Europe/Warsaw" },
+  "CZ": { code: "CZ", name: "Czech Republic", flag: "\u{1F1E8}\u{1F1FF}", defaultLanguages: ["cs"], timezone: "Europe/Prague" },
+  "RO": { code: "RO", name: "Romania", flag: "\u{1F1F7}\u{1F1F4}", defaultLanguages: ["ro"], timezone: "Europe/Bucharest" },
+  "HU": { code: "HU", name: "Hungary", flag: "\u{1F1ED}\u{1F1FA}", defaultLanguages: ["hu"], timezone: "Europe/Budapest" },
+  "BG": { code: "BG", name: "Bulgaria", flag: "\u{1F1E7}\u{1F1EC}", defaultLanguages: ["bg"], timezone: "Europe/Sofia" },
+  "HR": { code: "HR", name: "Croatia", flag: "\u{1F1ED}\u{1F1F7}", defaultLanguages: ["hr"], timezone: "Europe/Zagreb" },
+  "SK": { code: "SK", name: "Slovakia", flag: "\u{1F1F8}\u{1F1F0}", defaultLanguages: ["sk"], timezone: "Europe/Bratislava" },
+  "SI": { code: "SI", name: "Slovenia", flag: "\u{1F1F8}\u{1F1EE}", defaultLanguages: ["sl"], timezone: "Europe/Ljubljana" },
+  "RS": { code: "RS", name: "Serbia", flag: "\u{1F1F7}\u{1F1F8}", defaultLanguages: ["sr"], timezone: "Europe/Belgrade" },
+  "UA": { code: "UA", name: "Ukraine", flag: "\u{1F1FA}\u{1F1E6}", defaultLanguages: ["uk"], timezone: "Europe/Kyiv" },
+  "RU": { code: "RU", name: "Russia", flag: "\u{1F1F7}\u{1F1FA}", defaultLanguages: ["ru"], timezone: "Europe/Moscow" },
+  "TR": { code: "TR", name: "Turkey", flag: "\u{1F1F9}\u{1F1F7}", defaultLanguages: ["tr"], timezone: "Europe/Istanbul" },
+  "GR": { code: "GR", name: "Greece", flag: "\u{1F1EC}\u{1F1F7}", defaultLanguages: ["el"], timezone: "Europe/Athens" },
+  // East Asia
+  "JP": { code: "JP", name: "Japan", flag: "\u{1F1EF}\u{1F1F5}", defaultLanguages: ["ja"], timezone: "Asia/Tokyo" },
+  "KR": { code: "KR", name: "South Korea", flag: "\u{1F1F0}\u{1F1F7}", defaultLanguages: ["ko"], timezone: "Asia/Seoul" },
+  "CN": { code: "CN", name: "China", flag: "\u{1F1E8}\u{1F1F3}", defaultLanguages: ["zh"], timezone: "Asia/Shanghai" },
+  "TW": { code: "TW", name: "Taiwan", flag: "\u{1F1F9}\u{1F1FC}", defaultLanguages: ["zh"], timezone: "Asia/Taipei" },
+  // Southeast Asia
+  "TH": { code: "TH", name: "Thailand", flag: "\u{1F1F9}\u{1F1ED}", defaultLanguages: ["th"], timezone: "Asia/Bangkok" },
+  "VN": { code: "VN", name: "Vietnam", flag: "\u{1F1FB}\u{1F1F3}", defaultLanguages: ["vi"], timezone: "Asia/Ho_Chi_Minh" },
+  "ID": { code: "ID", name: "Indonesia", flag: "\u{1F1EE}\u{1F1E9}", defaultLanguages: ["id"], timezone: "Asia/Jakarta" },
+  "MY": { code: "MY", name: "Malaysia", flag: "\u{1F1F2}\u{1F1FE}", defaultLanguages: ["ms", "en"], timezone: "Asia/Kuala_Lumpur" },
+  "PH": { code: "PH", name: "Philippines", flag: "\u{1F1F5}\u{1F1ED}", defaultLanguages: ["en"], timezone: "Asia/Manila" },
+  "SG": { code: "SG", name: "Singapore", flag: "\u{1F1F8}\u{1F1EC}", defaultLanguages: ["en", "ms", "zh"], timezone: "Asia/Singapore" },
+  // South America
+  "BR": { code: "BR", name: "Brazil", flag: "\u{1F1E7}\u{1F1F7}", defaultLanguages: ["pt"], timezone: "America/Sao_Paulo" },
+  "AR": { code: "AR", name: "Argentina", flag: "\u{1F1E6}\u{1F1F7}", defaultLanguages: ["es"], timezone: "America/Argentina/Buenos_Aires" },
+  "CO": { code: "CO", name: "Colombia", flag: "\u{1F1E8}\u{1F1F4}", defaultLanguages: ["es"], timezone: "America/Bogota" },
+  "CL": { code: "CL", name: "Chile", flag: "\u{1F1E8}\u{1F1F1}", defaultLanguages: ["es"], timezone: "America/Santiago" },
+  // Middle East & North Africa
+  "SA": { code: "SA", name: "Saudi Arabia", flag: "\u{1F1F8}\u{1F1E6}", defaultLanguages: ["ar"], timezone: "Asia/Riyadh" },
+  "AE": { code: "AE", name: "United Arab Emirates", flag: "\u{1F1E6}\u{1F1EA}", defaultLanguages: ["ar", "en"], timezone: "Asia/Dubai" },
+  "IL": { code: "IL", name: "Israel", flag: "\u{1F1EE}\u{1F1F1}", defaultLanguages: ["he"], timezone: "Asia/Jerusalem" },
+  "EG": { code: "EG", name: "Egypt", flag: "\u{1F1EA}\u{1F1EC}", defaultLanguages: ["ar"], timezone: "Africa/Cairo" }
+};
+
+// ../location-selector/dist/index.js
+function createLocationSelector(options = {}) {
+  const {
+    defaultCountry = "US",
+    defaultLanguage = "en",
+    onCountryChange,
+    onLanguageChange
+  } = options;
+  let state = {
+    country: defaultCountry,
+    language: defaultLanguage
+  };
+  const countryId = generateId("location-sel-country");
+  const languageId = generateId("location-sel-language");
+  function setCountry(country) {
+    state.country = country;
+    onCountryChange?.(country);
+  }
+  function setLanguage(language) {
+    state.language = language;
+    onLanguageChange?.(language);
+  }
+  const countries = Array.isArray(COUNTRIES) ? COUNTRIES : Object.values(COUNTRIES);
+  const languages = Array.isArray(LANGUAGES) ? LANGUAGES : Object.values(LANGUAGES);
+  return {
+    state,
+    setCountry,
+    setLanguage,
+    countries,
+    languages,
+    countryProps: {
+      id: countryId,
+      name: "country"
+    },
+    languageProps: {
+      id: languageId,
+      name: "language"
+    }
+  };
+}
+
+// ../react-location-selector/dist/index.js
+function LocationSelector({
+  defaultCountry = "US",
+  defaultLanguage = "en",
+  onCountryChange,
+  onLanguageChange,
+  className
+}) {
+  const [country, setCountry] = React23.useState(defaultCountry);
+  const [language, setLanguage] = React23.useState(defaultLanguage);
+  const handleCountryChange = React23.useCallback(
+    (c) => {
+      setCountry(c);
+      onCountryChange?.(c);
+    },
+    [onCountryChange]
+  );
+  const handleLanguageChange = React23.useCallback(
+    (l) => {
+      setLanguage(l);
+      onLanguageChange?.(l);
+    },
+    [onLanguageChange]
+  );
+  const api = React23.useMemo(
+    () => createLocationSelector({
+      defaultCountry,
+      defaultLanguage,
+      onCountryChange: handleCountryChange,
+      onLanguageChange: handleLanguageChange
+    }),
+    [defaultCountry, defaultLanguage, handleCountryChange, handleLanguageChange]
+  );
+  return React23.createElement(
+    "div",
+    { className: cn("flex flex-col gap-4 sm:flex-row", className) },
+    React23.createElement(
+      "div",
+      { className: "flex flex-col gap-1.5 flex-1" },
+      React23.createElement("label", { htmlFor: api.countryProps.id, className: "text-sm font-medium" }, "Country"),
+      React23.createElement(
+        "select",
+        {
+          id: api.countryProps.id,
+          name: api.countryProps.name,
+          value: country,
+          onChange: (e) => api.setCountry(e.target.value),
+          className: "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+        },
+        api.countries.map(
+          (c) => React23.createElement("option", { key: c.code || c.id || c, value: c.code || c.id || c }, c.name || c.label || c)
+        )
+      )
+    ),
+    React23.createElement(
+      "div",
+      { className: "flex flex-col gap-1.5 flex-1" },
+      React23.createElement("label", { htmlFor: api.languageProps.id, className: "text-sm font-medium" }, "Language"),
+      React23.createElement(
+        "select",
+        {
+          id: api.languageProps.id,
+          name: api.languageProps.name,
+          value: language,
+          onChange: (e) => api.setLanguage(e.target.value),
+          className: "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+        },
+        api.languages.map(
+          (l) => React23.createElement("option", { key: l.code || l.id || l, value: l.code || l.id || l }, l.name || l.label || l)
+        )
+      )
+    )
+  );
+}
+
 // ../mascot/dist/index.js
 function getMascotMoodStyles(mood) {
   switch (mood) {
@@ -15871,6 +17068,464 @@ Object.assign(AuthShellRoot, {
   Card: AuthShellCard
 });
 
+// ../diff-viewer/dist/index.js
+var extToLanguage = {
+  ts: "typescript",
+  tsx: "typescript",
+  js: "javascript",
+  jsx: "javascript",
+  py: "python",
+  go: "go",
+  rs: "rust",
+  rb: "ruby",
+  java: "java",
+  swift: "swift",
+  kt: "kotlin",
+  dart: "dart",
+  php: "php",
+  lua: "lua",
+  r: "r",
+  scala: "scala",
+  json: "json",
+  yaml: "yaml",
+  yml: "yaml",
+  md: "markdown",
+  html: "html",
+  css: "css",
+  scss: "scss",
+  sql: "sql",
+  sh: "shell",
+  bash: "shell",
+  zsh: "shell",
+  xml: "xml",
+  toml: "toml",
+  proto: "protobuf",
+  dockerfile: "dockerfile",
+  cpp: "cpp",
+  c: "c"
+};
+function getLanguageForFile(filePath) {
+  const ext = filePath.split(".").pop()?.toLowerCase() || "";
+  const basename = filePath.split("/").pop()?.toLowerCase() || "";
+  if (basename === "dockerfile") return "dockerfile";
+  return extToLanguage[ext] || "plaintext";
+}
+var statusIcons = {
+  added: "\u{1F7E2}",
+  // green circle
+  modified: "\u{1F7E1}",
+  // yellow circle
+  deleted: "\u{1F534}",
+  // red circle
+  renamed: "\u{1F535}"
+  // blue circle
+};
+function createDiffViewer(props = {}) {
+  const {
+    files = [],
+    activeFileIndex = 0,
+    viewMode = "side-by-side",
+    theme = "dark",
+    language,
+    sidebarOpen = true,
+    onFileSelect,
+    onViewModeChange,
+    onSidebarToggle
+  } = props;
+  let currentIndex = Math.min(activeFileIndex, Math.max(0, files.length - 1));
+  let currentViewMode = viewMode;
+  let currentSidebarOpen = sidebarOpen;
+  const state = {
+    activeFileIndex: currentIndex,
+    viewMode: currentViewMode,
+    theme,
+    language: language || (files[currentIndex] ? getLanguageForFile(files[currentIndex].path) : "plaintext"),
+    sidebarOpen: currentSidebarOpen,
+    files
+  };
+  const ariaProps = {
+    role: "region",
+    "aria-label": "Diff viewer"
+  };
+  const dataAttributes = {
+    "data-view-mode": currentViewMode,
+    "data-theme": theme,
+    "data-file-count": String(files.length)
+  };
+  if (!currentSidebarOpen) {
+    dataAttributes["data-sidebar-collapsed"] = "";
+  }
+  function selectFile(index) {
+    if (index >= 0 && index < files.length) {
+      currentIndex = index;
+      state.activeFileIndex = index;
+      state.language = language || getLanguageForFile(files[index].path);
+      onFileSelect?.(index);
+    }
+  }
+  function nextFile() {
+    if (currentIndex < files.length - 1) {
+      selectFile(currentIndex + 1);
+    }
+  }
+  function prevFile() {
+    if (currentIndex > 0) {
+      selectFile(currentIndex - 1);
+    }
+  }
+  function toggleViewMode() {
+    currentViewMode = currentViewMode === "side-by-side" ? "inline" : "side-by-side";
+    state.viewMode = currentViewMode;
+    dataAttributes["data-view-mode"] = currentViewMode;
+    onViewModeChange?.(currentViewMode);
+  }
+  function toggleSidebar() {
+    currentSidebarOpen = !currentSidebarOpen;
+    state.sidebarOpen = currentSidebarOpen;
+    if (currentSidebarOpen) {
+      delete dataAttributes["data-sidebar-collapsed"];
+    } else {
+      dataAttributes["data-sidebar-collapsed"] = "";
+    }
+    onSidebarToggle?.();
+  }
+  function totalAdditions() {
+    return files.reduce((sum, f) => sum + f.additions, 0);
+  }
+  function totalDeletions() {
+    return files.reduce((sum, f) => sum + f.deletions, 0);
+  }
+  return {
+    state,
+    ariaProps,
+    dataAttributes,
+    selectFile,
+    nextFile,
+    prevFile,
+    toggleViewMode,
+    toggleSidebar,
+    getLanguageForFile,
+    getFileStatusIcon: (status) => statusIcons[status] || "\u26AA",
+    totalAdditions,
+    totalDeletions
+  };
+}
+var diffViewerTokens = {
+  name: "diff-viewer",
+  tokens: {
+    bg: { variable: "--rfr-diff-bg", fallback: "hsl(var(--background))" },
+    fg: { variable: "--rfr-diff-fg", fallback: "hsl(var(--foreground))" },
+    sidebarBg: { variable: "--rfr-diff-sidebar-bg", fallback: "hsl(var(--muted))" },
+    headerBg: { variable: "--rfr-diff-header-bg", fallback: "hsl(var(--muted))" },
+    border: { variable: "--rfr-diff-border", fallback: "hsl(var(--border))" },
+    addBg: { variable: "--rfr-diff-add-bg", fallback: "rgba(46, 160, 67, 0.15)" },
+    delBg: { variable: "--rfr-diff-del-bg", fallback: "rgba(248, 81, 73, 0.15)" },
+    addFg: { variable: "--rfr-diff-add-fg", fallback: "#3fb950" },
+    delFg: { variable: "--rfr-diff-del-fg", fallback: "#f85149" },
+    statusbar: { variable: "--rfr-diff-statusbar", fallback: "hsl(var(--primary))" },
+    statusbarFg: { variable: "--rfr-diff-statusbar-fg", fallback: "hsl(var(--primary-foreground))" }
+  }
+};
+var diffViewerVariants = cva({
+  base: "flex flex-col overflow-hidden font-sans text-sm",
+  variants: {
+    theme: {
+      light: "bg-white text-gray-900",
+      dark: "bg-gray-950 text-gray-100"
+    },
+    fullscreen: {
+      "true": "h-screen",
+      "false": ""
+    }
+  },
+  defaultVariants: {
+    theme: "dark",
+    fullscreen: "true"
+  }
+});
+var sidebarVariants2 = cva({
+  base: "border-r overflow-auto flex-shrink-0",
+  variants: {
+    theme: {
+      light: "bg-gray-50 border-gray-200",
+      dark: "bg-gray-900 border-gray-800"
+    }
+  },
+  defaultVariants: {
+    theme: "dark"
+  }
+});
+var sidebarItemVariants2 = cva({
+  base: "px-2.5 py-1 cursor-pointer text-xs font-mono transition-colors",
+  variants: {
+    active: {
+      "true": "border-l-2 border-blue-500",
+      "false": "border-l-2 border-transparent"
+    },
+    theme: {
+      light: "",
+      dark: ""
+    }
+  },
+  compoundVariants: [
+    { active: "true", theme: "dark", class: "bg-gray-800 text-gray-100" },
+    { active: "false", theme: "dark", class: "text-gray-400 hover:bg-gray-800/50" },
+    { active: "true", theme: "light", class: "bg-blue-50 text-gray-900" },
+    { active: "false", theme: "light", class: "text-gray-600 hover:bg-gray-100" }
+  ],
+  defaultVariants: {
+    active: "false",
+    theme: "dark"
+  }
+});
+var tabBarVariants = cva({
+  base: "flex items-center border-b overflow-auto flex-shrink-0",
+  variants: {
+    theme: {
+      light: "bg-gray-50 border-gray-200",
+      dark: "bg-gray-900 border-gray-800"
+    }
+  },
+  defaultVariants: {
+    theme: "dark"
+  }
+});
+var tabVariants = cva({
+  base: "px-3 h-[35px] flex items-center gap-1 cursor-pointer text-xs font-mono border-r shrink-0",
+  variants: {
+    active: {
+      "true": "",
+      "false": ""
+    },
+    theme: {
+      light: "border-gray-200",
+      dark: "border-gray-800"
+    }
+  },
+  compoundVariants: [
+    { active: "true", theme: "dark", class: "bg-gray-950 text-gray-100 border-b-gray-950 -mb-px" },
+    { active: "false", theme: "dark", class: "text-gray-400" },
+    { active: "true", theme: "light", class: "bg-white text-gray-900 border-b-white -mb-px" },
+    { active: "false", theme: "light", class: "text-gray-500" }
+  ],
+  defaultVariants: {
+    active: "false",
+    theme: "dark"
+  }
+});
+var statusBarVariants = cva({
+  base: "h-[22px] flex items-center px-2.5 gap-3 text-[11px] font-mono flex-shrink-0",
+  variants: {
+    theme: {
+      light: "bg-blue-600 text-white",
+      dark: "bg-blue-700 text-white"
+    }
+  },
+  defaultVariants: {
+    theme: "dark"
+  }
+});
+var MonacoDiffEditor = React23.lazy(
+  () => import('./dist-IBD7CHHX.js').then((m) => ({ default: m.DiffEditor }))
+);
+var DiffViewer = React23.forwardRef(
+  ({
+    files,
+    original = "",
+    modified = "",
+    language,
+    monacoTheme = "vs-dark",
+    theme = "dark",
+    viewMode: controlledViewMode = "side-by-side",
+    showSidebar = true,
+    showTabs = true,
+    showStatusBar = true,
+    sidebarWidth = 220,
+    activeFileIndex: controlledIndex = 0,
+    onFileSelect,
+    onViewModeChange,
+    statusBarTitle,
+    statusBarStatus,
+    className,
+    editorOptions
+  }, ref) => {
+    const [activeIdx, setActiveIdx] = React23.useState(controlledIndex);
+    const [sidebarOpen, setSidebarOpen] = React23.useState(showSidebar);
+    const [viewMode, setViewMode] = React23.useState(controlledViewMode);
+    React23.useEffect(() => setActiveIdx(controlledIndex), [controlledIndex]);
+    React23.useEffect(() => setViewMode(controlledViewMode), [controlledViewMode]);
+    const api = React23.useMemo(
+      () => createDiffViewer({
+        files,
+        activeFileIndex: activeIdx,
+        viewMode,
+        theme,
+        language,
+        sidebarOpen,
+        onFileSelect: (i) => {
+          setActiveIdx(i);
+          onFileSelect?.(i);
+        },
+        onViewModeChange: (m) => {
+          setViewMode(m);
+          onViewModeChange?.(m);
+        },
+        onSidebarToggle: () => setSidebarOpen((s) => !s)
+      }),
+      [files, activeIdx, viewMode, theme, language, sidebarOpen, onFileSelect, onViewModeChange]
+    );
+    const activeFile = files[activeIdx];
+    const detectedLang = language || (activeFile ? api.getLanguageForFile(activeFile.path) : "plaintext");
+    React23.useEffect(() => {
+      function onKey(e) {
+        if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
+        if (e.key === "j") {
+          setActiveIdx((i) => {
+            const next = Math.min(i + 1, files.length - 1);
+            onFileSelect?.(next);
+            return next;
+          });
+        } else if (e.key === "k") {
+          setActiveIdx((i) => {
+            const prev = Math.max(i - 1, 0);
+            onFileSelect?.(prev);
+            return prev;
+          });
+        } else if (e.key === "b") {
+          setSidebarOpen((s) => !s);
+        }
+      }
+      window.addEventListener("keydown", onKey);
+      return () => window.removeEventListener("keydown", onKey);
+    }, [files.length, onFileSelect]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(diffViewerVariants({ theme, fullscreen: "true" }), className),
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", overflow: "hidden" }, children: [
+            sidebarOpen && /* @__PURE__ */ jsxs("div", { className: sidebarVariants2({ theme }), style: { width: sidebarWidth }, children: [
+              /* @__PURE__ */ jsxs("div", { className: "px-2.5 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: [
+                "Files (",
+                files.length,
+                ")"
+              ] }),
+              files.map((f, i) => {
+                const active = i === activeIdx;
+                const fname = f.path.split("/").pop() || f.path;
+                const dir = f.path.split("/").slice(0, -1).join("/");
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: () => {
+                      setActiveIdx(i);
+                      onFileSelect?.(i);
+                    },
+                    className: sidebarItemVariants2({ active: active ? "true" : "false", theme }),
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: api.getFileStatusIcon(f.status) }),
+                        /* @__PURE__ */ jsx("span", { className: active ? "" : "opacity-70", children: fname }),
+                        /* @__PURE__ */ jsxs("span", { className: "ml-auto text-[10px]", children: [
+                          /* @__PURE__ */ jsxs("span", { className: "text-green-500", children: [
+                            "+",
+                            f.additions
+                          ] }),
+                          f.deletions > 0 && /* @__PURE__ */ jsxs("span", { className: "text-red-500", children: [
+                            "-",
+                            f.deletions
+                          ] })
+                        ] })
+                      ] }),
+                      dir && /* @__PURE__ */ jsx("div", { className: "text-[10px] opacity-50 mt-0.5 pl-4", children: dir })
+                    ]
+                  },
+                  f.path
+                );
+              })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: [
+              showTabs && activeFile && /* @__PURE__ */ jsx("div", { className: tabBarVariants({ theme }), children: files.map((f, i) => {
+                const active = i === activeIdx;
+                const fname = f.path.split("/").pop() || f.path;
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: () => {
+                      setActiveIdx(i);
+                      onFileSelect?.(i);
+                    },
+                    className: tabVariants({ active: active ? "true" : "false", theme }),
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-[9px]", children: api.getFileStatusIcon(f.status) }),
+                      fname
+                    ]
+                  },
+                  f.path
+                );
+              }) }),
+              /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
+                React23.Suspense,
+                {
+                  fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-xs opacity-50", children: "Loading editor..." }),
+                  children: /* @__PURE__ */ jsx(
+                    MonacoDiffEditor,
+                    {
+                      original,
+                      modified,
+                      language: detectedLang,
+                      theme: monacoTheme,
+                      options: {
+                        readOnly: true,
+                        renderSideBySide: viewMode === "side-by-side",
+                        minimap: { enabled: true, scale: 1, showSlider: "mouseover" },
+                        fontSize: 13,
+                        lineHeight: 20,
+                        fontFamily: "'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",
+                        fontLigatures: true,
+                        scrollBeyondLastLine: false,
+                        renderOverviewRuler: true,
+                        scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },
+                        padding: { top: 8, bottom: 8 },
+                        renderWhitespace: "selection",
+                        bracketPairColorization: { enabled: true },
+                        guides: { indentation: true },
+                        smoothScrolling: true,
+                        cursorBlinking: "smooth",
+                        ...editorOptions
+                      }
+                    }
+                  )
+                }
+              ) })
+            ] })
+          ] }),
+          showStatusBar && /* @__PURE__ */ jsxs("div", { className: statusBarVariants({ theme }), children: [
+            statusBarTitle && /* @__PURE__ */ jsx("span", { children: statusBarTitle }),
+            activeFile && /* @__PURE__ */ jsx("span", { children: activeFile.path }),
+            /* @__PURE__ */ jsxs("span", { style: { marginLeft: "auto" }, children: [
+              "+",
+              api.totalAdditions(),
+              " -",
+              api.totalDeletions()
+            ] }),
+            statusBarStatus && /* @__PURE__ */ jsx("span", { children: statusBarStatus }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              files.length,
+              " ",
+              files.length === 1 ? "file" : "files"
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+DiffViewer.displayName = "DiffViewer";
+
 // ../avatar/dist/index.js
 function getInitials(name) {
   const parts = name.trim().split(/\s+/);
@@ -26462,6 +28117,6 @@ var SlotPicker = React23.forwardRef(
 );
 SlotPicker.displayName = "SlotPicker";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnalyticsProvider, AnimatedText, AppShell, AudienceFeatureCard, AudioRoom, AuthGuard, AuthProvider, Avatar2 as Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, BottomNav, BrandNetworkCell, Breadcrumbs, BrowserChromeMock, Button, CATEGORY_LABELS, CURSOR_COLORS, Calendar, CalendarHeader, CallControlButton, CallControls, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Chat, Checkbox, Checklist, CodeBlock, CodeBlockContent, CodeBlockHeader, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Composer, ConfirmationCard, ContentProtection, CookieConsent, Cursor, DEFAULT_CATEGORIES, DEFAULT_COMPOSER_STRINGS, DEFAULT_TWEMOJI_BASE_URL, DEFAULT_VOICE_PILL_POSITION, DEFAULT_VOICE_PILL_SPEAKER, DEFAULT_WAVEFORM_BAR_COUNT, DEFAULT_WAVEFORM_COLOR, DEFAULT_WAVEFORM_HEIGHT, DEFAULT_WAVEFORM_INTENSITY, DEFAULT_WAVEFORM_SMOOTHING, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_COUNT_TOTAL, EMOJI_DATA, EditorStatusBar, EditorTabs, EmojiPicker, EmptyState, FeedbackButton, FeedbackDialog, FileTree, FileUpload, FloatingReactions, FlowEditor, Footer, GraphView, IconSystem, InfiniteCanvas, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KanbanBoard, KanbanCard, KanbanColumn, KeyboardShortcut, LanguageSelector, LinkCard, LiveCaptions, LiveCursors, LiveTranscript, MarkdownRenderer, MarqueeStrip, Mascot, MasteryBar, MiniMap, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, NumberedSteps, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, PasswordInput, Payment, Popover, PopoverClose, PopoverContent, PopoverTrigger, PreCallLobby, PresenceIndicator, PricingCard, ProgressBar, RadialGauge, RadioGroup, RadioItem, RatingScale, ReactionBar, ReactionBurst, RefractionComposer, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, SHORTCODE_ALIASES, STARTER_STICKER_SET, STATUS_INDICATOR_COLORS as STATUS_COLORS, STATUS_INDICATOR_LABELS as STATUS_LABELS, STICKY_NOTE_COLORS, SearchBar, SearchResultItem, SearchResults, SectionHead, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectItem, SelectTrigger, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, Slider, SlotPicker, SocialAuthButton, SocialAuthRow, SortableList, SpeakingOrb, StatGrid, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, StickyNote, Switch, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, TelemetryErrorBoundary, TelemetryProvider, Terminal, TestResults, Textarea, ThreadView, Timeline, TimelineItem, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoGrid, VideoPlayer, VideoTile, VoicePill, Waveform, Wizard, altHintState, animatedTextVariants, assignCursorColor, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buildShortcodeMap, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, clampVoicePillIntensity, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxTriggerVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, composerAccessoryPanelClass, composerAccessoryToggleVariants, composerAttachmentChipVariants, composerCounterVariants, composerFieldClass, composerMenuClass, composerMenuItemVariants, composerPrimaryActionVariants, composerSurfaceVariants, composerTokenPillClass, composerTrayClass, contentProtectionVariants, controlsVariants, createAnalytics, createAppInsightsSink, createComposer, createConsoleSink, createConversation, createCookieConsent, createEmojiTrigger, createGA4ClientSdkSink, createGA4HttpSink, createGA4Sink, createIntensitySamples, createPostHogClientSdkSink, createPostHogHttpSink, createPostHogSink, createPreCallLobby, createSegmentedControl, createSilentSamples, createTelemetry, createTwemojiRenderer, createVoicePill, createWaveform, dayVariants, defaultStickerRenderer, deviceFrameVariants, dialogContentVariants, drawWaveform, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, findMessage, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAllEmojis, getAssignableRoles, getDefaultPortal, getInitials, getNextSegmentIndex, getReplyCount, getVoicePillAriaLabel, getVoicePillInitials, getVoicePillPosition, getVoicePillPulseStyle, getVoicePillSpeakerKey, getVoicePillSpeakerLabel, getWaveformPeak, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, isWaveformSampleInput, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, micLevelToBars, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, nativeEmojiRenderer, navLinkVariants, navbarVariants, nextStickyColor, normalizeBarCount, normalizeIntensity, normalizeSmoothing, normalizeWaveformConfig, normalizeWaveformSamples, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, prepareWaveformCanvas, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resampleWaveformSamples, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, resolveShortcode, rootIdOf, rowVariants, scaleWaveformSamples, searchBarVariants, searchEmojis, searchResultVariants, segmentedControlItemVariants, segmentedControlVariants, selectContentVariants, selectItemVariants, selectMainTimeline, selectReplies, selectRoots, selectThreadMessages, selectTimelineFromState, selectTokens, selectTriggerVariants, selectorVariants, sheetContentVariants, sheetOverlayStyles, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, smoothWaveformSamples, startSessionReplay, statCardVariants, statColumns, statsGridVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toCssDimension, toMessageAttachment, toastVariants, toolbarVariants, tooltipContentVariants, twemojiAssetUrl, twemojiFilename, twemojiRenderer, typewriterVariants, useAnalytics, useAuth, useComposer, useConversation, useCookieConsent, useFloatingReactions, useLogger, useShortcut, useSpan, useTelemetry, useToast, useTrackEvent, useWizard, versionSelectorOptionVariants, versionSelectorVariants, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens, watermarkVariants, waveformCanvasVariants, waveformVariants };
+export { AIProvider, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AltHintState, AnalyticsProvider, AnimatedText, AppShell, AudienceFeatureCard, AudioRoom, AuthGuard, AuthProvider, Avatar2 as Avatar, AvatarFallback, AvatarGroup, AvatarImage, Badge, BadgeDisplay, Bars, BottomNav, BrandNetworkCell, Breadcrumbs, BrowserChromeMock, Button, CATEGORY_LABELS, CURSOR_COLORS, Calendar, CalendarHeader, CallControlButton, CallControls, Callout, CalloutContent, CalloutDescription, CalloutIcon, CalloutTitle, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselTrigger, Chart, ChartContext, Chat, Checkbox, Checklist, Circles, CodeBlock, CodeBlockContent, CodeBlockHeader, CodeEditor, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, ComboboxTrigger, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, Composer, ConfirmationCard, ContentProtection, CookieConsent, Cursor, DEFAULT_CATEGORIES, DEFAULT_COMPOSER_STRINGS, DEFAULT_TWEMOJI_BASE_URL, DEFAULT_VOICE_PILL_POSITION, DEFAULT_VOICE_PILL_SPEAKER, DEFAULT_WAVEFORM_BAR_COUNT, DEFAULT_WAVEFORM_COLOR, DEFAULT_WAVEFORM_HEIGHT, DEFAULT_WAVEFORM_INTENSITY, DEFAULT_WAVEFORM_SMOOTHING, DataTable, DatePicker, DeviceFrame, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, DiffViewer, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EMOJI_CATEGORIES, EMOJI_COUNT_TOTAL, EMOJI_DATA, EditorStatusBar, EditorTabs, EmojiPicker, EmptyState, FeedbackButton, FeedbackDialog, FileTree, FileUpload, FloatingReactions, FlowEditor, Footer, Gradient, GraphView, Histogram, IconSystem, InfiniteCanvas, InlineEditor, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InstallPrompt, KanbanBoard, KanbanCard, KanbanColumn, KeyboardShortcut, LanguageSelector, Line, LinkCard, LiveCaptions, LiveCursors, LiveTranscript, LocationSelector, MarkdownRenderer, MarqueeStrip, Mascot, MasteryBar, MiniMap, MobileNav, MobileNavContent, MobileNavLink, MobileNavTrigger, Navbar, NumberedSteps, OtpInput, STATUS_COLORS as PRESENCE_STATUS_COLORS, STATUS_LABELS as PRESENCE_STATUS_LABELS, Pagination, PasswordInput, Payment, PieChart, Popover, PopoverClose, PopoverContent, PopoverTrigger, PreCallLobby, PresenceIndicator, PricingCard, ProgressBar, RadialGauge, RadioGroup, RadioItem, RatingScale, ReactionBar, ReactionBurst, RefractionComposer, ResizableDivider, ResizableLayout, ResizablePane, SANE_DEFAULTS, SHORTCODE_ALIASES, STARTER_STICKER_SET, STATUS_INDICATOR_COLORS as STATUS_COLORS, STATUS_INDICATOR_LABELS as STATUS_LABELS, STICKY_NOTE_COLORS, ScatterPlot, SearchBar, SearchResultItem, SearchResults, SectionHead, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectItem, SelectTrigger, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger, ShortcutBadge, ShortcutContext, ShortcutHint, ShortcutProvider, ShortcutRegistry, Sidebar, Skeleton, SkeletonText, SkipToContent, SlideViewer, Slider, SlotPicker, SocialAuthButton, SocialAuthRow, SortableList, SpeakingOrb, CommandInput3 as StandaloneCommandInput, StatGrid, StatsGrid, StatusIndicator, Step, StepContent, StepDescription, StepIndicator, StepTitle, Steps, StickyNote, Switch, TTSProvider, TableOfContents, Tabs, TabsContent, TabsList, TabsTrigger, TelemetryErrorBoundary, TelemetryProvider, Terminal, TestResults, Textarea, ThreadView, Timeline, TimelineItem, Toast, ToastProvider, Toaster, Tooltip, TooltipContent, TooltipTrigger, TypewriterText, VersionSelector, VideoGrid, VideoPlayer, VideoTile, VoicePill, Waveform, Wizard, XAxis, YAxis, altHintState, animatedTextVariants, assignCursorColor, avatarFallbackVariants, avatarImageVariants, avatarTokens, avatarVariants, badgeGridVariants, badgeItemVariants, badgeVariants, bottomNavTabVariants, bottomNavVariants, breadcrumbItemVariants, breadcrumbSeparatorStyles, breadcrumbsVariants, buildShortcodeMap, buttonTokens, buttonVariants, calendarVariants, canAccessAdmin, canAccessReviewer, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants, cellVariants, checkIconPath, checkboxTokens, checkboxVariants, clampVoicePillIntensity, codeEditorTokens, codeEditorVariants, collapsibleContentVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxTriggerVariants, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants, composerAccessoryPanelClass, composerAccessoryToggleVariants, composerAttachmentChipVariants, composerCounterVariants, composerFieldClass, composerMenuClass, composerMenuItemVariants, composerPrimaryActionVariants, composerSurfaceVariants, composerTokenPillClass, composerTrayClass, contentProtectionVariants, controlsVariants, createAnalytics, createAppInsightsSink, createComposer, createConsoleSink, createConversation, createCookieConsent, createDiffViewer, createEmojiTrigger, createGA4ClientSdkSink, createGA4HttpSink, createGA4Sink, createIntensitySamples, createPostHogClientSdkSink, createPostHogHttpSink, createPostHogSink, createPreCallLobby, createSegmentedControl, createSilentSamples, createTelemetry, createTwemojiRenderer, createVoicePill, createWaveform, dayVariants, defaultStickerRenderer, deviceFrameVariants, dialogContentVariants, sidebarItemVariants2 as diffViewerSidebarItemVariants, sidebarVariants2 as diffViewerSidebarVariants, diffViewerTokens, diffViewerVariants, drawWaveform, editorVariants, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles, feedbackDialogVariants, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, findMessage, footerVariants, formatFileSize, formatRelativeTime, formatShortcut, formatTimestamp, getAllEmojis, getAssignableRoles, getDefaultPortal, getInitials, getNextSegmentIndex, getReplyCount, getVoicePillAriaLabel, getVoicePillInitials, getVoicePillPosition, getVoicePillPulseStyle, getVoicePillSpeakerKey, getVoicePillSpeakerLabel, getWaveformPeak, globalShortcutRegistry, hasAllRoles, hasAnyRole, hasRole, headerVariants, indeterminateIconPath, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants, inputVariants, installPromptVariants, isWaveformSampleInput, latestBadgeVariants, markdownRendererTokens, menuContentVariants, menuItemVariants, micLevelToBars, mobileNavContentVariants, mobileNavLinkVariants, mobileNavTokens, mobileNavTriggerVariants, mobileNavVariants, nativeEmojiRenderer, navLinkVariants, navbarVariants, nextStickyColor, normalizeBarCount, normalizeIntensity, normalizeSmoothing, normalizeWaveformConfig, normalizeWaveformSamples, optionVariants, otpInputContainerVariants, otpInputSlotVariants, otpInputTokens, overlayStyles, overlayVariants, playerVariants, popoverContentVariants, prepareWaveformCanvas, previewVariants, progressBarVariants, proseVariants, radioCircleVariants, radioGroupVariants, radioItemVariants, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants, resampleWaveformSamples, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants, resolveShortcode, rootIdOf, rowVariants, scaleWaveformSamples, searchBarVariants, searchEmojis, searchResultVariants, segmentedControlItemVariants, segmentedControlVariants, selectContentVariants, selectItemVariants, selectMainTimeline, selectReplies, selectRoots, selectThreadMessages, selectTimelineFromState, selectTokens, selectTriggerVariants, selectorVariants, sheetContentVariants, sheetOverlayStyles, shortcutBadgeStyles, shortcutKeyStyles, shortcutSeparatorStyles, sidebarItemVariants, sidebarVariants, skeletonVariants, slideTypeBadgeVariants, slideViewerProgressBarVariants, slideViewerTokens, slideViewerVariants, smoothWaveformSamples, startSessionReplay, statCardVariants, statColumns, statsGridVariants, statusBarVariants, statusContainerStyles, statusDotVariants, statusLabelStyles, statusPulseVariants, switchThumbVariants, switchTokens, switchVariants, tabBarVariants, tabVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, threadAuthorStyles, threadAvatarStyles, threadBodyStyles, threadContainerStyles, threadContentStyles, threadMessageStyles, threadReactionsStyles, threadTimestampStyles, toCssDimension, toMessageAttachment, toastVariants, toolbarVariants, tooltipContentVariants, twemojiAssetUrl, twemojiFilename, twemojiRenderer, typewriterVariants, useAI, useAnalytics, useAuth, useComposer, useConversation, useCookieConsent, useFloatingReactions, useLogger, useShortcut, useSpan, useTTS, useTelemetry, useToast, useTrackEvent, useWizard, versionSelectorOptionVariants, versionSelectorVariants, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens, watermarkVariants, waveformCanvasVariants, waveformVariants };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map