@salesmind-ai/design-system 0.3.4 → 0.3.5

package/dist/chunk-6H4DSTXR.js

@@ -0,0 +1,786 @@
+import { ReportModeProvider, useReportMode, INSIGHT_TYPE_CONTRACTS, useDataState } from './chunk-B6AVAX4F.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-FAFAP4L5.js';
+import React4 from 'react';
+import clsx2 from 'clsx';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var ReportShell = React4.forwardRef(
+  ({
+    title,
+    subtitle,
+    mode = "executive",
+    brand,
+    onModeChange,
+    children,
+    actions,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(ReportModeProvider, { mode, onModeChange, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: clsx2("ds-report-shell", className),
+        "data-mode": mode,
+        "data-brand": brand,
+        ...props,
+        children: [
+          (title || subtitle || actions) && /* @__PURE__ */ jsxs("header", { className: "ds-report-shell__header", children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-report-shell__header-content", children: [
+              title && /* @__PURE__ */ jsx("h1", { className: "ds-report-shell__title", children: title }),
+              subtitle && /* @__PURE__ */ jsx("p", { className: "ds-report-shell__subtitle", children: subtitle })
+            ] }),
+            actions && /* @__PURE__ */ jsx("div", { className: "ds-report-shell__actions", children: actions })
+          ] }),
+          /* @__PURE__ */ jsx("main", { className: "ds-report-shell__content", children })
+        ]
+      }
+    ) });
+  }
+);
+ReportShell.displayName = "ReportShell";
+var ExecutiveThesis = React4.forwardRef(
+  ({ thesis, context, metric, aiGenerated, className, ...props }, ref) => {
+    const { features } = useReportMode();
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        className: clsx2("ds-executive-thesis", className),
+        "aria-labelledby": "executive-thesis-title",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-executive-thesis__content", children: [
+            /* @__PURE__ */ jsxs("h2", { id: "executive-thesis-title", className: "ds-executive-thesis__title", children: [
+              "Key Finding",
+              aiGenerated && features.showConfidenceScores && /* @__PURE__ */ jsx("span", { className: "ds-executive-thesis__ai-badge", children: "AI Generated" })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "ds-executive-thesis__thesis", children: thesis }),
+            context && /* @__PURE__ */ jsx("p", { className: "ds-executive-thesis__context", children: context })
+          ] }),
+          metric && /* @__PURE__ */ jsxs("div", { className: "ds-executive-thesis__metric", children: [
+            /* @__PURE__ */ jsx("span", { className: "ds-executive-thesis__metric-label", children: metric.label }),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: clsx2(
+                  "ds-executive-thesis__metric-value",
+                  metric.trend && `ds-executive-thesis__metric-value--${metric.trend}`
+                ),
+                children: [
+                  metric.trend === "up" && "\u2191 ",
+                  metric.trend === "down" && "\u2193 ",
+                  metric.value
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+ExecutiveThesis.displayName = "ExecutiveThesis";
+var InsightBlock = React4.forwardRef(
+  ({ type, headline, description, confidence, methodology, children, className, ...props }, ref) => {
+    const { features } = useReportMode();
+    const contract = INSIGHT_TYPE_CONTRACTS[type];
+    const getConfidenceClass = () => {
+      if (confidence === void 0) return "";
+      if (confidence >= 90) return "ds-insight-block--confidence-high";
+      if (confidence >= 70) return "ds-insight-block--confidence-moderate";
+      if (confidence >= 50) return "ds-insight-block--confidence-low";
+      return "ds-insight-block--confidence-insufficient";
+    };
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        className: clsx2("ds-insight-block", getConfidenceClass(), className),
+        "data-insight-type": type,
+        "aria-labelledby": `insight-${type}-title`,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "ds-insight-block__header", children: [
+            /* @__PURE__ */ jsxs("div", { className: "ds-insight-block__meta", children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-insight-block__type", children: type.replace(/-/g, " ") }),
+              features.showConfidenceScores && confidence !== void 0 && /* @__PURE__ */ jsxs("span", { className: "ds-insight-block__confidence", children: [
+                confidence,
+                "% confidence"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("h3", { id: `insight-${type}-title`, className: "ds-insight-block__headline", children: headline }),
+            description && /* @__PURE__ */ jsx("p", { className: "ds-insight-block__description", children: description })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "ds-insight-block__evidence", children }),
+          features.showMethodology && methodology && /* @__PURE__ */ jsxs("footer", { className: "ds-insight-block__methodology", children: [
+            /* @__PURE__ */ jsx("h4", { className: "ds-insight-block__methodology-title", children: "Methodology" }),
+            /* @__PURE__ */ jsx("p", { className: "ds-insight-block__methodology-text", children: methodology }),
+            contract && /* @__PURE__ */ jsxs("p", { className: "ds-insight-block__methodology-contract", children: [
+              "Min sample: ",
+              contract.minSampleSize,
+              " | Allowed charts:",
+              " ",
+              contract.allowedCharts.join(", ")
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+InsightBlock.displayName = "InsightBlock";
+var EvidenceGroup = React4.forwardRef(
+  ({ title, layout = "row", columns = 2, children, className, ...props }, ref) => {
+    const childCount = React4.Children.count(children);
+    if (childCount > 3) {
+      console.warn(
+        `EvidenceGroup: Maximum 3 charts allowed per insight block (received ${childCount}). This violates composition rule R6.`
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: clsx2(
+          "ds-evidence-group",
+          `ds-evidence-group--${layout}`,
+          layout === "grid" && `ds-evidence-group--cols-${columns}`,
+          className
+        ),
+        role: "group",
+        "aria-label": title || "Evidence charts",
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsx("h4", { className: "ds-evidence-group__title", children: title }),
+          /* @__PURE__ */ jsx("div", { className: "ds-evidence-group__content", children })
+        ]
+      }
+    );
+  }
+);
+EvidenceGroup.displayName = "EvidenceGroup";
+var MethodologyNote = React4.forwardRef(
+  ({ children, sampleSize, sources, calculation, forceShow = false, className, labels, ...props }, ref) => {
+    const titleText = labels?.title ?? "Methodology";
+    const sampleSizeLabel = labels?.sampleSize ?? "Sample Size";
+    const dataSourcesLabel = labels?.dataSources ?? "Data Sources";
+    const calculationLabel = labels?.calculation ?? "Calculation";
+    const { features } = useReportMode();
+    const shouldShow = forceShow || features.showMethodology || sampleSize !== void 0 && sampleSize < 100;
+    if (!shouldShow) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        ref,
+        className: clsx2("ds-methodology-note", className),
+        "aria-label": titleText,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-methodology-note__header", children: [
+            /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                className: "ds-methodology-note__icon",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+                  /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "ds-methodology-note__title", children: titleText })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "ds-methodology-note__content", children }),
+          (sources || calculation || sampleSize !== void 0) && /* @__PURE__ */ jsxs("dl", { className: "ds-methodology-note__details", children: [
+            sampleSize !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("dt", { children: sampleSizeLabel }),
+              /* @__PURE__ */ jsxs("dd", { children: [
+                "n=",
+                sampleSize.toLocaleString()
+              ] })
+            ] }),
+            sources && sources.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("dt", { children: dataSourcesLabel }),
+              /* @__PURE__ */ jsx("dd", { children: sources.join(", ") })
+            ] }),
+            calculation && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("dt", { children: calculationLabel }),
+              /* @__PURE__ */ jsx("dd", { children: calculation })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+MethodologyNote.displayName = "MethodologyNote";
+var CaveatBlock = React4.forwardRef(
+  ({
+    title = "Important Caveat",
+    children,
+    severity = "warning",
+    confidence,
+    forceShow = false,
+    className,
+    ...props
+  }, ref) => {
+    const { features } = useReportMode();
+    const shouldShow = forceShow || features.showMethodology || confidence !== void 0 && confidence < 70;
+    if (!shouldShow) {
+      return null;
+    }
+    const renderIcon = () => {
+      if (severity === "critical") {
+        return /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+              /* @__PURE__ */ jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+            ]
+          }
+        );
+      }
+      if (severity === "info") {
+        return /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+              /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+            ]
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "18",
+          height: "18",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+          ]
+        }
+      );
+    };
+    return /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        ref,
+        className: clsx2("ds-caveat-block", `ds-caveat-block--${severity}`, className),
+        role: "note",
+        "aria-label": title,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-caveat-block__header", children: [
+            /* @__PURE__ */ jsx("span", { className: "ds-caveat-block__icon", children: renderIcon() }),
+            /* @__PURE__ */ jsx("span", { className: "ds-caveat-block__title", children: title }),
+            confidence !== void 0 && /* @__PURE__ */ jsxs("span", { className: "ds-caveat-block__confidence", children: [
+              confidence,
+              "% confidence"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "ds-caveat-block__content", children })
+        ]
+      }
+    );
+  }
+);
+CaveatBlock.displayName = "CaveatBlock";
+var KeyMetric = React4.forwardRef(
+  ({
+    title,
+    value,
+    prefix,
+    suffix,
+    trend,
+    secondary,
+    sampleSize,
+    confidence,
+    onClick,
+    loading,
+    size = "md",
+    className,
+    ...props
+  }, ref) => {
+    const { features } = useReportMode();
+    const { isValid } = useDataState({
+      sampleSize: sampleSize ?? 100,
+      requiredSize: 30
+    });
+    const isClickable = onClick && !loading;
+    const formatValue = (val) => {
+      if (typeof val === "number") {
+        return val.toLocaleString();
+      }
+      return val;
+    };
+    const getTrendIcon = (direction) => {
+      switch (direction) {
+        case "up":
+          return "\u2191";
+        case "down":
+          return "\u2193";
+        default:
+          return "\u2192";
+      }
+    };
+    const Component = isClickable ? "button" : "div";
+    return /* @__PURE__ */ jsxs(
+      Component,
+      {
+        ref,
+        className: clsx2(
+          "ds-key-metric",
+          `ds-key-metric--${size}`,
+          loading && "ds-key-metric--loading",
+          isClickable && "ds-key-metric--clickable",
+          !isValid && "ds-key-metric--invalid",
+          className
+        ),
+        onClick: isClickable ? onClick : void 0,
+        type: isClickable ? "button" : void 0,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-key-metric__header", children: [
+            /* @__PURE__ */ jsx("span", { className: "ds-key-metric__title", children: title }),
+            features.showConfidenceScores && confidence !== void 0 && /* @__PURE__ */ jsxs("span", { className: "ds-key-metric__confidence", children: [
+              confidence,
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "ds-key-metric__value-row", children: [
+            /* @__PURE__ */ jsxs("span", { className: "ds-key-metric__value", children: [
+              prefix && /* @__PURE__ */ jsx("span", { className: "ds-key-metric__prefix", children: prefix }),
+              loading ? "\u2014" : formatValue(value),
+              suffix && /* @__PURE__ */ jsx("span", { className: "ds-key-metric__suffix", children: suffix })
+            ] }),
+            trend && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: clsx2("ds-key-metric__trend", `ds-key-metric__trend--${trend.direction}`),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "ds-key-metric__trend-icon", children: getTrendIcon(trend.direction) }),
+                  /* @__PURE__ */ jsxs("span", { className: "ds-key-metric__trend-value", children: [
+                    Math.abs(trend.value),
+                    "%"
+                  ] }),
+                  trend.label && /* @__PURE__ */ jsx("span", { className: "ds-key-metric__trend-label", children: trend.label })
+                ]
+              }
+            )
+          ] }),
+          secondary && /* @__PURE__ */ jsxs("div", { className: "ds-key-metric__secondary", children: [
+            /* @__PURE__ */ jsxs("span", { className: "ds-key-metric__secondary-label", children: [
+              secondary.label,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "ds-key-metric__secondary-value", children: formatValue(secondary.value) })
+          ] }),
+          features.showMethodology && sampleSize !== void 0 && /* @__PURE__ */ jsxs("div", { className: "ds-key-metric__sample", children: [
+            "n=",
+            sampleSize.toLocaleString()
+          ] })
+        ]
+      }
+    );
+  }
+);
+KeyMetric.displayName = "KeyMetric";
+var TrendIndicator = React4.forwardRef(
+  ({
+    value,
+    direction: directionOverride,
+    positiveIsGood = true,
+    showIcon = true,
+    showPercent = true,
+    size = "md",
+    className,
+    ...props
+  }, ref) => {
+    const direction = directionOverride ?? (value > 0 ? "up" : value < 0 ? "down" : "neutral");
+    const isGood = positiveIsGood ? direction === "up" : direction === "down";
+    const isBad = positiveIsGood ? direction === "down" : direction === "up";
+    const getIcon = () => {
+      switch (direction) {
+        case "up":
+          return /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "12",
+              height: "12",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "3",
+              children: /* @__PURE__ */ jsx("polyline", { points: "18,15 12,9 6,15" })
+            }
+          );
+        case "down":
+          return /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "12",
+              height: "12",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "3",
+              children: /* @__PURE__ */ jsx("polyline", { points: "6,9 12,15 18,9" })
+            }
+          );
+        default:
+          return /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: "12",
+              height: "12",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "3",
+              children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+            }
+          );
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: clsx2(
+          "ds-trend-indicator",
+          `ds-trend-indicator--${size}`,
+          `ds-trend-indicator--${direction}`,
+          isGood && "ds-trend-indicator--good",
+          isBad && "ds-trend-indicator--bad",
+          className
+        ),
+        "aria-label": `${direction === "up" ? "Increased" : direction === "down" ? "Decreased" : "No change"} by ${Math.abs(value)}%`,
+        ...props,
+        children: [
+          showIcon && /* @__PURE__ */ jsx("span", { className: "ds-trend-indicator__icon", children: getIcon() }),
+          /* @__PURE__ */ jsxs("span", { className: "ds-trend-indicator__value", children: [
+            value > 0 && "+",
+            value.toFixed(1),
+            showPercent && "%"
+          ] })
+        ]
+      }
+    );
+  }
+);
+TrendIndicator.displayName = "TrendIndicator";
+var DEFAULT_OPTIONS = [
+  { format: "pdf", label: "PDF Document", description: "Best for sharing reports" },
+  { format: "pptx", label: "PowerPoint", description: "Editable presentation" },
+  { format: "xlsx", label: "Excel Spreadsheet", description: "Data with charts" },
+  { format: "csv", label: "CSV Data", description: "Raw data only" },
+  { format: "png", label: "PNG Image", description: "Chart screenshot" },
+  { format: "json", label: "JSON", description: "Developer format" }
+];
+var FORMAT_ICONS = {
+  pdf: /* @__PURE__ */ jsx(PdfIcon, {}),
+  csv: /* @__PURE__ */ jsx(CsvIcon, {}),
+  xlsx: /* @__PURE__ */ jsx(ExcelIcon, {}),
+  pptx: /* @__PURE__ */ jsx(PptIcon, {}),
+  png: /* @__PURE__ */ jsx(ImageIcon, {}),
+  json: /* @__PURE__ */ jsx(JsonIcon, {})
+};
+function ExportMenu({
+  options = DEFAULT_OPTIONS,
+  onExport,
+  isExporting = false,
+  label = "Export",
+  size = "md",
+  variant = "secondary",
+  className,
+  disabled
+}) {
+  const documentOptions = options.filter((o) => ["pdf", "pptx"].includes(o.format));
+  const dataOptions = options.filter((o) => ["xlsx", "csv", "json"].includes(o.format));
+  const imageOptions = options.filter((o) => ["png"].includes(o.format));
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(
+      DropdownMenuTrigger,
+      {
+        className: clsx2(
+          "ds-export-menu__trigger",
+          "ds-button",
+          `ds-button--${variant}`,
+          `ds-button--${size}`,
+          className
+        ),
+        disabled: disabled || isExporting,
+        children: isExporting ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(LoadingIcon, {}),
+          "Exporting..."
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ExportIcon, {}),
+          label
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { side: "bottom", align: "end", sideOffset: 4, children: [
+      documentOptions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Documents" }),
+        documentOptions.map((option) => /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            disabled: option.disabled,
+            onClick: () => onExport(option.format),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-export-menu__item-icon", children: FORMAT_ICONS[option.format] }),
+              /* @__PURE__ */ jsxs("span", { className: "ds-export-menu__item-content", children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-export-menu__item-label", children: option.label }),
+                option.description && /* @__PURE__ */ jsx("span", { className: "ds-export-menu__item-description", children: option.description })
+              ] })
+            ]
+          },
+          option.format
+        ))
+      ] }),
+      documentOptions.length > 0 && dataOptions.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      dataOptions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Data" }),
+        dataOptions.map((option) => /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            disabled: option.disabled,
+            onClick: () => onExport(option.format),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-export-menu__item-icon", children: FORMAT_ICONS[option.format] }),
+              /* @__PURE__ */ jsxs("span", { className: "ds-export-menu__item-content", children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-export-menu__item-label", children: option.label }),
+                option.description && /* @__PURE__ */ jsx("span", { className: "ds-export-menu__item-description", children: option.description })
+              ] })
+            ]
+          },
+          option.format
+        ))
+      ] }),
+      imageOptions.length > 0 && (dataOptions.length > 0 || documentOptions.length > 0) && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      imageOptions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Image" }),
+        imageOptions.map((option) => /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            disabled: option.disabled,
+            onClick: () => onExport(option.format),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-export-menu__item-icon", children: FORMAT_ICONS[option.format] }),
+              /* @__PURE__ */ jsxs("span", { className: "ds-export-menu__item-content", children: [
+                /* @__PURE__ */ jsx("span", { className: "ds-export-menu__item-label", children: option.label }),
+                option.description && /* @__PURE__ */ jsx("span", { className: "ds-export-menu__item-description", children: option.description })
+              ] })
+            ]
+          },
+          option.format
+        ))
+      ] })
+    ] })
+  ] });
+}
+ExportMenu.displayName = "ExportMenu";
+function ExportIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ jsx("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+      ]
+    }
+  );
+}
+function LoadingIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "ds-export-menu__loading-icon",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+function PdfIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
+        /* @__PURE__ */ jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+        /* @__PURE__ */ jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+        /* @__PURE__ */ jsx("polyline", { points: "10 9 9 9 8 9" })
+      ]
+    }
+  );
+}
+function CsvIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
+        /* @__PURE__ */ jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13" }),
+        /* @__PURE__ */ jsx("line", { x1: "8", y1: "17", x2: "16", y2: "17" })
+      ]
+    }
+  );
+}
+function ExcelIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 9h18" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 15h18" }),
+        /* @__PURE__ */ jsx("path", { d: "M9 3v18" }),
+        /* @__PURE__ */ jsx("path", { d: "M15 3v18" })
+      ]
+    }
+  );
+}
+function PptIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
+        /* @__PURE__ */ jsx("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
+      ]
+    }
+  );
+}
+function ImageIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ jsx("path", { d: "m21 15-5-5L5 21" })
+      ]
+    }
+  );
+}
+function JsonIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5a2 2 0 0 0 2 2h1" }),
+        /* @__PURE__ */ jsx("path", { d: "M16 21h1a2 2 0 0 0 2-2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1" })
+      ]
+    }
+  );
+}
+
+export { CaveatBlock, EvidenceGroup, ExecutiveThesis, ExportMenu, InsightBlock, KeyMetric, MethodologyNote, ReportShell, TrendIndicator };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-6H4DSTXR.js.map