@salesmind-ai/design-system 0.5.0 → 0.7.0

package/dist/chunk-6H4DSTXR.js

@@ -1,786 +0,0 @@
-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