@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/chart.cjs

@@ -0,0 +1,241 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Chart_module = require("./components/Chart/Chart.module.scss.cjs");
+;/* empty css                      */
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+let _RechartsTooltip = null;
+let _RechartsLegend = null;
+let _chartLoaded = false;
+let _chartFailed = false;
+function loadChartDeps() {
+  if (_chartLoaded) return;
+  _chartLoaded = true;
+  try {
+    const rc = require("recharts");
+    _RechartsTooltip = rc.Tooltip;
+    _RechartsLegend = rc.Legend;
+  } catch {
+    _chartFailed = true;
+  }
+}
+function mergeAriaIds(...ids) {
+  const merged = ids.filter(Boolean).join(" ").trim();
+  return merged.length > 0 ? merged : void 0;
+}
+const ChartConfigContext = React__namespace.createContext(null);
+function useChartConfig() {
+  const ctx = React__namespace.useContext(ChartConfigContext);
+  if (!ctx) {
+    throw new Error("useChartConfig must be used within a <ChartContainer>");
+  }
+  return ctx;
+}
+function ChartContainer({
+  config,
+  children,
+  className,
+  style,
+  summary,
+  dataTable,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  ...htmlProps
+}) {
+  const chartId = React__namespace.useId();
+  const summaryId = summary ? `chart-summary-${chartId}` : void 0;
+  const dataTableId = dataTable ? `chart-data-${chartId}` : void 0;
+  const cssVars = React__namespace.useMemo(() => {
+    const vars = {};
+    Object.entries(config).forEach(([key, val]) => {
+      vars[`--chart-${key}`] = val.color;
+    });
+    return vars;
+  }, [config]);
+  const rootClasses = [Chart_module.default.container, className].filter(Boolean).join(" ");
+  const chartChildProps = {
+    width: "100%",
+    height: "100%"
+  };
+  if (typeof children.type !== "string") {
+    chartChildProps.responsive = true;
+  }
+  const chartChild = React__namespace.cloneElement(
+    children,
+    chartChildProps
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ChartConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ...htmlProps,
+      className: rootClasses,
+      style: { ...cssVars, ...style },
+      role: "img",
+      "aria-label": ariaLabel || "Chart",
+      "aria-describedby": mergeAriaIds(
+        ariaDescribedBy,
+        summaryId,
+        dataTableId
+      ),
+      children: [
+        chartChild,
+        summaryId && /* @__PURE__ */ jsxRuntime.jsx("span", { id: summaryId, className: Chart_module.default.srOnly, children: summary }),
+        dataTableId && /* @__PURE__ */ jsxRuntime.jsx("div", { id: dataTableId, className: Chart_module.default.srOnly, children: dataTable })
+      ]
+    }
+  ) });
+}
+function ChartTooltipContent({
+  active,
+  payload,
+  label,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  labelFormatter,
+  valueFormatter
+}) {
+  const config = React__namespace.useContext(ChartConfigContext);
+  if (!active || !(payload == null ? void 0 : payload.length)) return null;
+  const formattedLabel = labelFormatter ? labelFormatter(String(label), payload) : label;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Chart_module.default.tooltip, children: [
+    !hideLabel && formattedLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Chart_module.default.tooltipLabel, children: formattedLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: Chart_module.default.tooltipItems, children: payload.map((entry, i) => {
+      const key = String(entry.dataKey ?? entry.name ?? i);
+      const configEntry = config == null ? void 0 : config[key];
+      const displayLabel = (configEntry == null ? void 0 : configEntry.label) ?? entry.name ?? key;
+      const color = entry.color ?? (configEntry == null ? void 0 : configEntry.color);
+      const displayValue = valueFormatter ? valueFormatter(entry.value ?? 0) : String(entry.value ?? "");
+      const indicatorClass = [
+        Chart_module.default.tooltipIndicator,
+        indicator === "line" && Chart_module.default.tooltipIndicatorLine,
+        indicator === "dashed" && Chart_module.default.tooltipIndicatorDashed
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Chart_module.default.tooltipItem, children: [
+        !hideIndicator && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: indicatorClass,
+            style: { backgroundColor: indicator === "dashed" ? void 0 : color, borderColor: color }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Chart_module.default.tooltipItemLabel, children: displayLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Chart_module.default.tooltipItemValue, children: displayValue })
+      ] }, key);
+    }) })
+  ] });
+}
+function ChartTooltip({
+  indicator,
+  hideLabel,
+  hideIndicator,
+  labelFormatter,
+  valueFormatter,
+  content,
+  ...props
+}) {
+  loadChartDeps();
+  const defaultContent = React__namespace.useCallback(
+    (tooltipProps) => /* @__PURE__ */ jsxRuntime.jsx(
+      ChartTooltipContent,
+      {
+        ...tooltipProps,
+        indicator,
+        hideLabel,
+        hideIndicator,
+        labelFormatter,
+        valueFormatter
+      }
+    ),
+    [indicator, hideLabel, hideIndicator, labelFormatter, valueFormatter]
+  );
+  if (_chartFailed || !_RechartsTooltip) {
+    if (_chartFailed && process.env.NODE_ENV === "development") {
+      console.warn(
+        "[@fragments-sdk/ui] Chart: recharts is not installed. Install it with: npm install recharts"
+      );
+    }
+    return null;
+  }
+  const RechartsTooltipComponent = _RechartsTooltip;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RechartsTooltipComponent,
+    {
+      cursor: { stroke: "var(--fui-border)" },
+      content: content ?? defaultContent,
+      ...props
+    }
+  );
+}
+function ChartLegendContent({ payload }) {
+  const config = React__namespace.useContext(ChartConfigContext);
+  if (!(payload == null ? void 0 : payload.length)) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: Chart_module.default.legend, children: payload.map((entry) => {
+    const key = String(entry.dataKey ?? entry.value ?? "");
+    const configEntry = config == null ? void 0 : config[key];
+    const label = (configEntry == null ? void 0 : configEntry.label) ?? entry.value ?? key;
+    const color = entry.color ?? (configEntry == null ? void 0 : configEntry.color);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Chart_module.default.legendItem, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: Chart_module.default.legendDot,
+          style: { backgroundColor: color }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: Chart_module.default.legendLabel, children: label })
+    ] }, key);
+  }) });
+}
+function ChartLegend({ content, ...props }) {
+  loadChartDeps();
+  const defaultContent = (legendProps) => /* @__PURE__ */ jsxRuntime.jsx(ChartLegendContent, { ...legendProps });
+  if (_chartFailed || !_RechartsLegend) {
+    if (_chartFailed && process.env.NODE_ENV === "development") {
+      console.warn(
+        "[@fragments-sdk/ui] Chart: recharts is not installed. Install it with: npm install recharts"
+      );
+    }
+    return null;
+  }
+  const RechartsLegendComponent = _RechartsLegend;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RechartsLegendComponent,
+    {
+      content: content ?? defaultContent,
+      ...props
+    }
+  );
+}
+const Chart = Object.assign(ChartContainer, {
+  Root: ChartContainer,
+  Tooltip: ChartTooltip,
+  TooltipContent: ChartTooltipContent,
+  Legend: ChartLegend,
+  LegendContent: ChartLegendContent
+});
+exports.Chart = Chart;
+exports.ChartContainer = ChartContainer;
+exports.ChartLegend = ChartLegend;
+exports.ChartLegendContent = ChartLegendContent;
+exports.ChartTooltip = ChartTooltip;
+exports.ChartTooltipContent = ChartTooltipContent;
+exports.useChartConfig = useChartConfig;
+//# sourceMappingURL=chart.cjs.map

package/dist/chart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.cjs","sources":["../src/components/Chart/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Chart.module.scss';\nimport '../../styles/globals.scss';\n\n// ============================================\n// Types (self-owned — no external dependency for types)\n// ============================================\n\nexport type ChartConfig = Record<\n  string,\n  {\n    label: string;\n    color: string;\n    icon?: React.ComponentType;\n  }\n>;\n\nexport interface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  config: ChartConfig;\n  children: React.ReactElement;\n  /** Non-visual summary announced to assistive technology users */\n  summary?: string;\n  /** Optional accessible data table or textual fallback */\n  dataTable?: React.ReactNode;\n}\n\nexport interface ChartTooltipContentProps {\n  active?: boolean;\n  payload?: readonly {\n    name?: string;\n    value?: number | string;\n    dataKey?: string | number;\n    color?: string;\n    payload?: Record<string, unknown>;\n  }[];\n  label?: string;\n  indicator?: 'dot' | 'line' | 'dashed';\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  labelFormatter?: (label: string, payload: ChartTooltipContentProps['payload']) => React.ReactNode;\n  valueFormatter?: (value: number | string) => string;\n}\n\nexport interface ChartLegendContentProps {\n  payload?: readonly {\n    value?: string;\n    dataKey?: string | number;\n    color?: string;\n  }[];\n}\n\n// Internal-only type for recharts Legend props\ntype RechartsLegendProps = Record<string, unknown>;\n\n// ============================================\n// Lazy-loaded dependencies (recharts)\n// ============================================\n\nlet _RechartsTooltip: any = null;\nlet _RechartsLegend: any = null;\nlet _chartLoaded = false;\nlet _chartFailed = false;\n\nfunction loadChartDeps() {\n  if (_chartLoaded) return;\n  _chartLoaded = true;\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    const rc = require('recharts');\n    _RechartsTooltip = rc.Tooltip;\n    _RechartsLegend = rc.Legend;\n  } catch {\n    _chartFailed = true;\n  }\n}\n\nfunction mergeAriaIds(...ids: Array<string | undefined>): string | undefined {\n  const merged = ids.filter(Boolean).join(' ').trim();\n  return merged.length > 0 ? merged : undefined;\n}\n\n// ============================================\n// Context\n// ============================================\n\nconst ChartConfigContext = React.createContext<ChartConfig | null>(null);\n\nexport function useChartConfig() {\n  const ctx = React.useContext(ChartConfigContext);\n  if (!ctx) {\n    throw new Error('useChartConfig must be used within a <ChartContainer>');\n  }\n  return ctx;\n}\n\n// ============================================\n// ChartContainer\n// ============================================\n\nexport function ChartContainer({\n  config,\n  children,\n  className,\n  style,\n  summary,\n  dataTable,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  ...htmlProps\n}: ChartContainerProps) {\n  const chartId = React.useId();\n  const summaryId = summary ? `chart-summary-${chartId}` : undefined;\n  const dataTableId = dataTable ? `chart-data-${chartId}` : undefined;\n\n  // Build CSS custom properties from config (--chart-<key>)\n  const cssVars = React.useMemo(() => {\n    const vars: Record<string, string> = {};\n    Object.entries(config).forEach(([key, val]) => {\n      vars[`--chart-${key}`] = val.color;\n    });\n    return vars;\n  }, [config]);\n\n  const rootClasses = [styles.container, className].filter(Boolean).join(' ');\n\n  // Inject sizing props into the chart child (recharts API).\n  // Only pass `responsive` for custom component types to avoid leaking the\n  // prop to intrinsic DOM nodes in test/demo usage.\n  const chartChildProps: Record<string, unknown> = {\n    width: '100%',\n    height: '100%',\n  };\n\n  if (typeof children.type !== 'string') {\n    chartChildProps.responsive = true;\n  }\n\n  const chartChild = React.cloneElement(\n    children as React.ReactElement<Record<string, unknown>>,\n    chartChildProps\n  );\n\n  return (\n    <ChartConfigContext.Provider value={config}>\n      <div\n        {...htmlProps}\n        className={rootClasses}\n        style={{ ...cssVars, ...style }}\n        role=\"img\"\n        aria-label={ariaLabel || 'Chart'}\n        aria-describedby={mergeAriaIds(\n          ariaDescribedBy,\n          summaryId,\n          dataTableId\n        )}\n      >\n        {chartChild}\n        {summaryId && (\n          <span id={summaryId} className={styles.srOnly}>\n            {summary}\n          </span>\n        )}\n        {dataTableId && (\n          <div id={dataTableId} className={styles.srOnly}>\n            {dataTable}\n          </div>\n        )}\n      </div>\n    </ChartConfigContext.Provider>\n  );\n}\n\n// ============================================\n// ChartTooltipContent\n// ============================================\n\nexport function ChartTooltipContent({\n  active,\n  payload,\n  label,\n  indicator = 'dot',\n  hideLabel = false,\n  hideIndicator = false,\n  labelFormatter,\n  valueFormatter,\n}: ChartTooltipContentProps) {\n  const config = React.useContext(ChartConfigContext);\n\n  if (!active || !payload?.length) return null;\n\n  const formattedLabel = labelFormatter\n    ? labelFormatter(String(label), payload)\n    : label;\n\n  return (\n    <div className={styles.tooltip}>\n      {!hideLabel && formattedLabel && (\n        <div className={styles.tooltipLabel}>{formattedLabel}</div>\n      )}\n      <div className={styles.tooltipItems}>\n        {payload.map((entry, i) => {\n          const key = String(entry.dataKey ?? entry.name ?? i);\n          const configEntry = config?.[key];\n          const displayLabel = configEntry?.label ?? entry.name ?? key;\n          const color = entry.color ?? configEntry?.color;\n          const displayValue = valueFormatter\n            ? valueFormatter(entry.value ?? 0)\n            : String(entry.value ?? '');\n\n          const indicatorClass = [\n            styles.tooltipIndicator,\n            indicator === 'line' && styles.tooltipIndicatorLine,\n            indicator === 'dashed' && styles.tooltipIndicatorDashed,\n          ].filter(Boolean).join(' ');\n\n          return (\n            <div key={key} className={styles.tooltipItem}>\n              {!hideIndicator && (\n                <span\n                  className={indicatorClass}\n                  style={{ backgroundColor: indicator === 'dashed' ? undefined : color, borderColor: color }}\n                />\n              )}\n              <span className={styles.tooltipItemLabel}>{displayLabel}</span>\n              <span className={styles.tooltipItemValue}>{displayValue}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n// ============================================\n// ChartTooltip (thin wrapper)\n// ============================================\n\ntype ChartTooltipProps = {\n  indicator?: 'dot' | 'line' | 'dashed';\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  labelFormatter?: ChartTooltipContentProps['labelFormatter'];\n  valueFormatter?: ChartTooltipContentProps['valueFormatter'];\n  content?: any;\n  [key: string]: unknown;\n};\n\nexport function ChartTooltip({\n  indicator,\n  hideLabel,\n  hideIndicator,\n  labelFormatter,\n  valueFormatter,\n  content,\n  ...props\n}: ChartTooltipProps) {\n  loadChartDeps();\n\n  const defaultContent = React.useCallback(\n\n    (tooltipProps: any) => (\n      <ChartTooltipContent\n        {...tooltipProps}\n        indicator={indicator}\n        hideLabel={hideLabel}\n        hideIndicator={hideIndicator}\n        labelFormatter={labelFormatter}\n        valueFormatter={valueFormatter}\n      />\n    ),\n    [indicator, hideLabel, hideIndicator, labelFormatter, valueFormatter],\n  );\n\n  if (_chartFailed || !_RechartsTooltip) {\n    if (_chartFailed && process.env.NODE_ENV === 'development') {\n      console.warn(\n        '[@fragments-sdk/ui] Chart: recharts is not installed. ' +\n        'Install it with: npm install recharts'\n      );\n    }\n    return null;\n  }\n\n  const RechartsTooltipComponent = _RechartsTooltip;\n\n  return (\n    <RechartsTooltipComponent\n      cursor={{ stroke: 'var(--fui-border)' }}\n      content={content ?? defaultContent}\n      {...props}\n    />\n  );\n}\n\n// ============================================\n// ChartLegendContent\n// ============================================\n\nexport function ChartLegendContent({ payload }: ChartLegendContentProps) {\n  const config = React.useContext(ChartConfigContext);\n\n  if (!payload?.length) return null;\n\n  return (\n    <div className={styles.legend}>\n      {payload.map((entry) => {\n        const key = String(entry.dataKey ?? entry.value ?? '');\n        const configEntry = config?.[key];\n        const label = configEntry?.label ?? entry.value ?? key;\n        const color = entry.color ?? configEntry?.color;\n\n        return (\n          <div key={key} className={styles.legendItem}>\n            <span\n              className={styles.legendDot}\n              style={{ backgroundColor: color }}\n            />\n            <span className={styles.legendLabel}>{label}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// ============================================\n// ChartLegend (thin wrapper)\n// ============================================\n\ntype ChartLegendProps = RechartsLegendProps & {\n  content?: any;\n};\n\nexport function ChartLegend({ content, ...props }: ChartLegendProps) {\n  loadChartDeps();\n\n  const defaultContent = (legendProps: any) => <ChartLegendContent {...legendProps} />;\n\n  if (_chartFailed || !_RechartsLegend) {\n    if (_chartFailed && process.env.NODE_ENV === 'development') {\n      console.warn(\n        '[@fragments-sdk/ui] Chart: recharts is not installed. ' +\n        'Install it with: npm install recharts'\n      );\n    }\n    return null;\n  }\n\n  const RechartsLegendComponent = _RechartsLegend;\n\n  return (\n    <RechartsLegendComponent\n      content={content ?? defaultContent}\n      {...props}\n    />\n  );\n}\n\nexport const Chart = Object.assign(ChartContainer, {\n  Root: ChartContainer,\n  Tooltip: ChartTooltip,\n  TooltipContent: ChartTooltipContent,\n  Legend: ChartLegend,\n  LegendContent: ChartLegendContent,\n});\n"],"names":["React","styles","jsx","jsxs"],"mappings":"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"}

package/dist/chart.js

@@ -0,0 +1,224 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./components/Chart/Chart.module.scss.js";
+/* empty css                    */
+let _RechartsTooltip = null;
+let _RechartsLegend = null;
+let _chartLoaded = false;
+let _chartFailed = false;
+function loadChartDeps() {
+  if (_chartLoaded) return;
+  _chartLoaded = true;
+  try {
+    const rc = require("recharts");
+    _RechartsTooltip = rc.Tooltip;
+    _RechartsLegend = rc.Legend;
+  } catch {
+    _chartFailed = true;
+  }
+}
+function mergeAriaIds(...ids) {
+  const merged = ids.filter(Boolean).join(" ").trim();
+  return merged.length > 0 ? merged : void 0;
+}
+const ChartConfigContext = React.createContext(null);
+function useChartConfig() {
+  const ctx = React.useContext(ChartConfigContext);
+  if (!ctx) {
+    throw new Error("useChartConfig must be used within a <ChartContainer>");
+  }
+  return ctx;
+}
+function ChartContainer({
+  config,
+  children,
+  className,
+  style,
+  summary,
+  dataTable,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  ...htmlProps
+}) {
+  const chartId = React.useId();
+  const summaryId = summary ? `chart-summary-${chartId}` : void 0;
+  const dataTableId = dataTable ? `chart-data-${chartId}` : void 0;
+  const cssVars = React.useMemo(() => {
+    const vars = {};
+    Object.entries(config).forEach(([key, val]) => {
+      vars[`--chart-${key}`] = val.color;
+    });
+    return vars;
+  }, [config]);
+  const rootClasses = [styles.container, className].filter(Boolean).join(" ");
+  const chartChildProps = {
+    width: "100%",
+    height: "100%"
+  };
+  if (typeof children.type !== "string") {
+    chartChildProps.responsive = true;
+  }
+  const chartChild = React.cloneElement(
+    children,
+    chartChildProps
+  );
+  return /* @__PURE__ */ jsx(ChartConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...htmlProps,
+      className: rootClasses,
+      style: { ...cssVars, ...style },
+      role: "img",
+      "aria-label": ariaLabel || "Chart",
+      "aria-describedby": mergeAriaIds(
+        ariaDescribedBy,
+        summaryId,
+        dataTableId
+      ),
+      children: [
+        chartChild,
+        summaryId && /* @__PURE__ */ jsx("span", { id: summaryId, className: styles.srOnly, children: summary }),
+        dataTableId && /* @__PURE__ */ jsx("div", { id: dataTableId, className: styles.srOnly, children: dataTable })
+      ]
+    }
+  ) });
+}
+function ChartTooltipContent({
+  active,
+  payload,
+  label,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  labelFormatter,
+  valueFormatter
+}) {
+  const config = React.useContext(ChartConfigContext);
+  if (!active || !(payload == null ? void 0 : payload.length)) return null;
+  const formattedLabel = labelFormatter ? labelFormatter(String(label), payload) : label;
+  return /* @__PURE__ */ jsxs("div", { className: styles.tooltip, children: [
+    !hideLabel && formattedLabel && /* @__PURE__ */ jsx("div", { className: styles.tooltipLabel, children: formattedLabel }),
+    /* @__PURE__ */ jsx("div", { className: styles.tooltipItems, children: payload.map((entry, i) => {
+      const key = String(entry.dataKey ?? entry.name ?? i);
+      const configEntry = config == null ? void 0 : config[key];
+      const displayLabel = (configEntry == null ? void 0 : configEntry.label) ?? entry.name ?? key;
+      const color = entry.color ?? (configEntry == null ? void 0 : configEntry.color);
+      const displayValue = valueFormatter ? valueFormatter(entry.value ?? 0) : String(entry.value ?? "");
+      const indicatorClass = [
+        styles.tooltipIndicator,
+        indicator === "line" && styles.tooltipIndicatorLine,
+        indicator === "dashed" && styles.tooltipIndicatorDashed
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ jsxs("div", { className: styles.tooltipItem, children: [
+        !hideIndicator && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: indicatorClass,
+            style: { backgroundColor: indicator === "dashed" ? void 0 : color, borderColor: color }
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: styles.tooltipItemLabel, children: displayLabel }),
+        /* @__PURE__ */ jsx("span", { className: styles.tooltipItemValue, children: displayValue })
+      ] }, key);
+    }) })
+  ] });
+}
+function ChartTooltip({
+  indicator,
+  hideLabel,
+  hideIndicator,
+  labelFormatter,
+  valueFormatter,
+  content,
+  ...props
+}) {
+  loadChartDeps();
+  const defaultContent = React.useCallback(
+    (tooltipProps) => /* @__PURE__ */ jsx(
+      ChartTooltipContent,
+      {
+        ...tooltipProps,
+        indicator,
+        hideLabel,
+        hideIndicator,
+        labelFormatter,
+        valueFormatter
+      }
+    ),
+    [indicator, hideLabel, hideIndicator, labelFormatter, valueFormatter]
+  );
+  if (_chartFailed || !_RechartsTooltip) {
+    if (_chartFailed && process.env.NODE_ENV === "development") {
+      console.warn(
+        "[@fragments-sdk/ui] Chart: recharts is not installed. Install it with: npm install recharts"
+      );
+    }
+    return null;
+  }
+  const RechartsTooltipComponent = _RechartsTooltip;
+  return /* @__PURE__ */ jsx(
+    RechartsTooltipComponent,
+    {
+      cursor: { stroke: "var(--fui-border)" },
+      content: content ?? defaultContent,
+      ...props
+    }
+  );
+}
+function ChartLegendContent({ payload }) {
+  const config = React.useContext(ChartConfigContext);
+  if (!(payload == null ? void 0 : payload.length)) return null;
+  return /* @__PURE__ */ jsx("div", { className: styles.legend, children: payload.map((entry) => {
+    const key = String(entry.dataKey ?? entry.value ?? "");
+    const configEntry = config == null ? void 0 : config[key];
+    const label = (configEntry == null ? void 0 : configEntry.label) ?? entry.value ?? key;
+    const color = entry.color ?? (configEntry == null ? void 0 : configEntry.color);
+    return /* @__PURE__ */ jsxs("div", { className: styles.legendItem, children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: styles.legendDot,
+          style: { backgroundColor: color }
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: styles.legendLabel, children: label })
+    ] }, key);
+  }) });
+}
+function ChartLegend({ content, ...props }) {
+  loadChartDeps();
+  const defaultContent = (legendProps) => /* @__PURE__ */ jsx(ChartLegendContent, { ...legendProps });
+  if (_chartFailed || !_RechartsLegend) {
+    if (_chartFailed && process.env.NODE_ENV === "development") {
+      console.warn(
+        "[@fragments-sdk/ui] Chart: recharts is not installed. Install it with: npm install recharts"
+      );
+    }
+    return null;
+  }
+  const RechartsLegendComponent = _RechartsLegend;
+  return /* @__PURE__ */ jsx(
+    RechartsLegendComponent,
+    {
+      content: content ?? defaultContent,
+      ...props
+    }
+  );
+}
+const Chart = Object.assign(ChartContainer, {
+  Root: ChartContainer,
+  Tooltip: ChartTooltip,
+  TooltipContent: ChartTooltipContent,
+  Legend: ChartLegend,
+  LegendContent: ChartLegendContent
+});
+export {
+  Chart,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent,
+  useChartConfig
+};
+//# sourceMappingURL=chart.js.map

package/dist/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sources":["../src/components/Chart/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Chart.module.scss';\nimport '../../styles/globals.scss';\n\n// ============================================\n// Types (self-owned — no external dependency for types)\n// ============================================\n\nexport type ChartConfig = Record<\n  string,\n  {\n    label: string;\n    color: string;\n    icon?: React.ComponentType;\n  }\n>;\n\nexport interface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  config: ChartConfig;\n  children: React.ReactElement;\n  /** Non-visual summary announced to assistive technology users */\n  summary?: string;\n  /** Optional accessible data table or textual fallback */\n  dataTable?: React.ReactNode;\n}\n\nexport interface ChartTooltipContentProps {\n  active?: boolean;\n  payload?: readonly {\n    name?: string;\n    value?: number | string;\n    dataKey?: string | number;\n    color?: string;\n    payload?: Record<string, unknown>;\n  }[];\n  label?: string;\n  indicator?: 'dot' | 'line' | 'dashed';\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  labelFormatter?: (label: string, payload: ChartTooltipContentProps['payload']) => React.ReactNode;\n  valueFormatter?: (value: number | string) => string;\n}\n\nexport interface ChartLegendContentProps {\n  payload?: readonly {\n    value?: string;\n    dataKey?: string | number;\n    color?: string;\n  }[];\n}\n\n// Internal-only type for recharts Legend props\ntype RechartsLegendProps = Record<string, unknown>;\n\n// ============================================\n// Lazy-loaded dependencies (recharts)\n// ============================================\n\nlet _RechartsTooltip: any = null;\nlet _RechartsLegend: any = null;\nlet _chartLoaded = false;\nlet _chartFailed = false;\n\nfunction loadChartDeps() {\n  if (_chartLoaded) return;\n  _chartLoaded = true;\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    const rc = require('recharts');\n    _RechartsTooltip = rc.Tooltip;\n    _RechartsLegend = rc.Legend;\n  } catch {\n    _chartFailed = true;\n  }\n}\n\nfunction mergeAriaIds(...ids: Array<string | undefined>): string | undefined {\n  const merged = ids.filter(Boolean).join(' ').trim();\n  return merged.length > 0 ? merged : undefined;\n}\n\n// ============================================\n// Context\n// ============================================\n\nconst ChartConfigContext = React.createContext<ChartConfig | null>(null);\n\nexport function useChartConfig() {\n  const ctx = React.useContext(ChartConfigContext);\n  if (!ctx) {\n    throw new Error('useChartConfig must be used within a <ChartContainer>');\n  }\n  return ctx;\n}\n\n// ============================================\n// ChartContainer\n// ============================================\n\nexport function ChartContainer({\n  config,\n  children,\n  className,\n  style,\n  summary,\n  dataTable,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  ...htmlProps\n}: ChartContainerProps) {\n  const chartId = React.useId();\n  const summaryId = summary ? `chart-summary-${chartId}` : undefined;\n  const dataTableId = dataTable ? `chart-data-${chartId}` : undefined;\n\n  // Build CSS custom properties from config (--chart-<key>)\n  const cssVars = React.useMemo(() => {\n    const vars: Record<string, string> = {};\n    Object.entries(config).forEach(([key, val]) => {\n      vars[`--chart-${key}`] = val.color;\n    });\n    return vars;\n  }, [config]);\n\n  const rootClasses = [styles.container, className].filter(Boolean).join(' ');\n\n  // Inject sizing props into the chart child (recharts API).\n  // Only pass `responsive` for custom component types to avoid leaking the\n  // prop to intrinsic DOM nodes in test/demo usage.\n  const chartChildProps: Record<string, unknown> = {\n    width: '100%',\n    height: '100%',\n  };\n\n  if (typeof children.type !== 'string') {\n    chartChildProps.responsive = true;\n  }\n\n  const chartChild = React.cloneElement(\n    children as React.ReactElement<Record<string, unknown>>,\n    chartChildProps\n  );\n\n  return (\n    <ChartConfigContext.Provider value={config}>\n      <div\n        {...htmlProps}\n        className={rootClasses}\n        style={{ ...cssVars, ...style }}\n        role=\"img\"\n        aria-label={ariaLabel || 'Chart'}\n        aria-describedby={mergeAriaIds(\n          ariaDescribedBy,\n          summaryId,\n          dataTableId\n        )}\n      >\n        {chartChild}\n        {summaryId && (\n          <span id={summaryId} className={styles.srOnly}>\n            {summary}\n          </span>\n        )}\n        {dataTableId && (\n          <div id={dataTableId} className={styles.srOnly}>\n            {dataTable}\n          </div>\n        )}\n      </div>\n    </ChartConfigContext.Provider>\n  );\n}\n\n// ============================================\n// ChartTooltipContent\n// ============================================\n\nexport function ChartTooltipContent({\n  active,\n  payload,\n  label,\n  indicator = 'dot',\n  hideLabel = false,\n  hideIndicator = false,\n  labelFormatter,\n  valueFormatter,\n}: ChartTooltipContentProps) {\n  const config = React.useContext(ChartConfigContext);\n\n  if (!active || !payload?.length) return null;\n\n  const formattedLabel = labelFormatter\n    ? labelFormatter(String(label), payload)\n    : label;\n\n  return (\n    <div className={styles.tooltip}>\n      {!hideLabel && formattedLabel && (\n        <div className={styles.tooltipLabel}>{formattedLabel}</div>\n      )}\n      <div className={styles.tooltipItems}>\n        {payload.map((entry, i) => {\n          const key = String(entry.dataKey ?? entry.name ?? i);\n          const configEntry = config?.[key];\n          const displayLabel = configEntry?.label ?? entry.name ?? key;\n          const color = entry.color ?? configEntry?.color;\n          const displayValue = valueFormatter\n            ? valueFormatter(entry.value ?? 0)\n            : String(entry.value ?? '');\n\n          const indicatorClass = [\n            styles.tooltipIndicator,\n            indicator === 'line' && styles.tooltipIndicatorLine,\n            indicator === 'dashed' && styles.tooltipIndicatorDashed,\n          ].filter(Boolean).join(' ');\n\n          return (\n            <div key={key} className={styles.tooltipItem}>\n              {!hideIndicator && (\n                <span\n                  className={indicatorClass}\n                  style={{ backgroundColor: indicator === 'dashed' ? undefined : color, borderColor: color }}\n                />\n              )}\n              <span className={styles.tooltipItemLabel}>{displayLabel}</span>\n              <span className={styles.tooltipItemValue}>{displayValue}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n// ============================================\n// ChartTooltip (thin wrapper)\n// ============================================\n\ntype ChartTooltipProps = {\n  indicator?: 'dot' | 'line' | 'dashed';\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  labelFormatter?: ChartTooltipContentProps['labelFormatter'];\n  valueFormatter?: ChartTooltipContentProps['valueFormatter'];\n  content?: any;\n  [key: string]: unknown;\n};\n\nexport function ChartTooltip({\n  indicator,\n  hideLabel,\n  hideIndicator,\n  labelFormatter,\n  valueFormatter,\n  content,\n  ...props\n}: ChartTooltipProps) {\n  loadChartDeps();\n\n  const defaultContent = React.useCallback(\n\n    (tooltipProps: any) => (\n      <ChartTooltipContent\n        {...tooltipProps}\n        indicator={indicator}\n        hideLabel={hideLabel}\n        hideIndicator={hideIndicator}\n        labelFormatter={labelFormatter}\n        valueFormatter={valueFormatter}\n      />\n    ),\n    [indicator, hideLabel, hideIndicator, labelFormatter, valueFormatter],\n  );\n\n  if (_chartFailed || !_RechartsTooltip) {\n    if (_chartFailed && process.env.NODE_ENV === 'development') {\n      console.warn(\n        '[@fragments-sdk/ui] Chart: recharts is not installed. ' +\n        'Install it with: npm install recharts'\n      );\n    }\n    return null;\n  }\n\n  const RechartsTooltipComponent = _RechartsTooltip;\n\n  return (\n    <RechartsTooltipComponent\n      cursor={{ stroke: 'var(--fui-border)' }}\n      content={content ?? defaultContent}\n      {...props}\n    />\n  );\n}\n\n// ============================================\n// ChartLegendContent\n// ============================================\n\nexport function ChartLegendContent({ payload }: ChartLegendContentProps) {\n  const config = React.useContext(ChartConfigContext);\n\n  if (!payload?.length) return null;\n\n  return (\n    <div className={styles.legend}>\n      {payload.map((entry) => {\n        const key = String(entry.dataKey ?? entry.value ?? '');\n        const configEntry = config?.[key];\n        const label = configEntry?.label ?? entry.value ?? key;\n        const color = entry.color ?? configEntry?.color;\n\n        return (\n          <div key={key} className={styles.legendItem}>\n            <span\n              className={styles.legendDot}\n              style={{ backgroundColor: color }}\n            />\n            <span className={styles.legendLabel}>{label}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// ============================================\n// ChartLegend (thin wrapper)\n// ============================================\n\ntype ChartLegendProps = RechartsLegendProps & {\n  content?: any;\n};\n\nexport function ChartLegend({ content, ...props }: ChartLegendProps) {\n  loadChartDeps();\n\n  const defaultContent = (legendProps: any) => <ChartLegendContent {...legendProps} />;\n\n  if (_chartFailed || !_RechartsLegend) {\n    if (_chartFailed && process.env.NODE_ENV === 'development') {\n      console.warn(\n        '[@fragments-sdk/ui] Chart: recharts is not installed. ' +\n        'Install it with: npm install recharts'\n      );\n    }\n    return null;\n  }\n\n  const RechartsLegendComponent = _RechartsLegend;\n\n  return (\n    <RechartsLegendComponent\n      content={content ?? defaultContent}\n      {...props}\n    />\n  );\n}\n\nexport const Chart = Object.assign(ChartContainer, {\n  Root: ChartContainer,\n  Tooltip: ChartTooltip,\n  TooltipContent: ChartTooltipContent,\n  Legend: ChartLegend,\n  LegendContent: ChartLegendContent,\n});\n"],"names":[],"mappings":"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"}