@spaced-out/ui-design-system 0.6.8 → 0.6.9

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.6.9](https://github.com/spaced-out/ui-design-system/compare/v0.6.8...v0.6.9) (2026-04-10)
+
+
+### Features
+
+* [GDS-559]added universal chart to follow chart transitions ([#473](https://github.com/spaced-out/ui-design-system/issues/473)) ([b88cbba](https://github.com/spaced-out/ui-design-system/commit/b88cbba3293d4cfa86e2daff178769f1b94a7a83))
+
 ### [0.6.8](https://github.com/spaced-out/ui-design-system/compare/v0.6.7...v0.6.8) (2026-04-09)
 
 

package/lib/components/Charts/UniversalChart/UniversalChart.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { CategoricalChartKind, ChartKindOptionType, FlowChartKind, ProportionChartKind, UniversalChartProps } from '../../../components/Charts/UniversalChart/UniversalChart.types';
+export declare const CHART_KIND_OPTIONS: Readonly<{
+    column: ChartKindOptionType<"column">;
+    line: ChartKindOptionType<"line">;
+    donut: ChartKindOptionType<"donut">;
+    funnel: ChartKindOptionType<"funnel">;
+    sankey: ChartKindOptionType<"sankey">;
+    spider: ChartKindOptionType<"spider">;
+    stackedBar: ChartKindOptionType<"stackedBar">;
+}>;
+export declare const CHART_KIND_GROUPS: Readonly<{
+    CATEGORICAL: Array<ChartKindOptionType<CategoricalChartKind>>;
+    PROPORTION: Array<ChartKindOptionType<ProportionChartKind>>;
+    FLOW: Array<ChartKindOptionType<FlowChartKind>>;
+}>;
+export type { UniversalChartProps, ChartKind, ChartKindOptionType, ChartKindSelectorProps, CategoricalChartKind, ProportionChartKind, FlowChartKind, } from '../../../components/Charts/UniversalChart/UniversalChart.types';
+export declare const UniversalChart: {
+    (props: UniversalChartProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=UniversalChart.d.ts.map

package/lib/components/Charts/UniversalChart/UniversalChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UniversalChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/UniversalChart/UniversalChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,KAAK,EACV,oBAAoB,EAEpB,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2DAA2D,CAAC;AAOnE,eAAO,MAAM,kBAAkB;YAIxB,mBAAmB,CAAC,QAAQ,CAAC;UACU,mBAAmB,CAAC,MAAM,CAAC;WACxB,mBAAmB,CAAC,OAAO,CAAC;YAItE,mBAAmB,CAAC,QAAQ,CAAC;YAI7B,mBAAmB,CAAC,QAAQ,CAAC;YAI7B,mBAAmB,CAAC,QAAQ,CAAC;gBAI7B,mBAAmB,CAAC,YAAY,CAAC;EACtC,CAAC;AAEH,eAAO,MAAM,iBAAiB;iBAMvB,KAAK,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;gBACgB,KAAK,CACxE,mBAAmB,CAAC,mBAAmB,CAAC,CACzC;UACoC,KAAK,CACxC,mBAAmB,CAAC,aAAa,CAAC,CACnC;EACD,CAAC;AAmBH,YAAY,EACV,mBAAmB,EACnB,SAAS,EACT,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EACpB,mBAAmB,EACnB,aAAa,GACd,MAAM,2DAA2D,CAAC;AAEnE,eAAO,MAAM,cAAc;YAAW,mBAAmB;;CA6OxD,CAAC"}

package/lib/components/Charts/UniversalChart/UniversalChart.js

@@ -0,0 +1,278 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UniversalChart = exports.CHART_KIND_OPTIONS = exports.CHART_KIND_GROUPS = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _size = require("../../../styles/variables/_size");
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _qa = require("../../../utils/qa");
+var _ButtonDropdown = require("../../ButtonDropdown");
+var _ChartWrapper = require("../ChartWrapper");
+var _ColumnChart = require("../ColumnChart");
+var _DonutChart = require("../DonutChart");
+var _FunnelChart = require("../FunnelChart");
+var _LineChart = require("../LineChart");
+var _SankeyChart = require("../SankeyChart");
+var _SpiderChart = require("../SpiderChart");
+var _StackedBarChart = require("../StackedBarChart");
+var _EmptyState = require("../../EmptyState");
+var _UniversalChartModule = _interopRequireDefault(require("./UniversalChart.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CHART_KIND_OPTIONS = exports.CHART_KIND_OPTIONS = Object.freeze({
+  column: {
+    key: 'column',
+    label: 'Column Chart'
+  },
+  line: {
+    key: 'line',
+    label: 'Line Chart'
+  },
+  donut: {
+    key: 'donut',
+    label: 'Donut Chart'
+  },
+  funnel: {
+    key: 'funnel',
+    label: 'Funnel Chart'
+  },
+  sankey: {
+    key: 'sankey',
+    label: 'Sankey Chart'
+  },
+  spider: {
+    key: 'spider',
+    label: 'Spider Chart'
+  },
+  stackedBar: {
+    key: 'stackedBar',
+    label: 'Stacked Bar Chart'
+  }
+});
+const CHART_KIND_GROUPS = exports.CHART_KIND_GROUPS = Object.freeze({
+  CATEGORICAL: [CHART_KIND_OPTIONS.column, CHART_KIND_OPTIONS.line, CHART_KIND_OPTIONS.stackedBar, CHART_KIND_OPTIONS.spider],
+  PROPORTION: [CHART_KIND_OPTIONS.donut, CHART_KIND_OPTIONS.funnel],
+  FLOW: [CHART_KIND_OPTIONS.sankey]
+});
+const sortSeriesDescending = series => series.map(item => ({
+  ...item,
+  data: [...item.data].sort((a, b) => (b.y ?? 0) - (a.y ?? 0))
+}));
+const getGroupForKind = kind => {
+  for (const group of Object.values(CHART_KIND_GROUPS)) {
+    if (group.some(opt => opt.key === kind)) {
+      return group.map(opt => opt.key);
+    }
+  }
+  return [kind];
+};
+const UniversalChart = props => {
+  const {
+    chartKind,
+    showChartKindSwitcher = false,
+    chartKindOptions,
+    onChartKindChange,
+    responsive = true
+  } = props;
+  const classNames = 'classNames' in props ? props.classNames : undefined;
+  const responsiveClassNames = responsive ? {
+    ...classNames,
+    highChart: (0, _classify.default)(classNames?.highChart, _UniversalChartModule.default.responsiveChart)
+  } : classNames;
+  const testId = 'testId' in props ? props.testId : undefined;
+  const cardTitle = 'cardTitle' in props ? props.cardTitle : undefined;
+  const headerActions = 'headerActions' in props ? props.headerActions : undefined;
+  const chartKindMenuOptions = React.useMemo(() => {
+    if (!showChartKindSwitcher) {
+      return undefined;
+    }
+    const compatibleGroup = getGroupForKind(chartKind);
+    const source = chartKindOptions ? chartKindOptions.filter(option => compatibleGroup.includes(option.key)) : compatibleGroup.map(kind => CHART_KIND_OPTIONS[kind]);
+    const options = source.map(_ref => {
+      let {
+        key,
+        label
+      } = _ref;
+      return {
+        key,
+        label
+      };
+    });
+    return options.length > 0 ? options : undefined;
+  }, [showChartKindSwitcher, chartKindOptions, chartKind]);
+  const handleChartKindSelect = React.useCallback(option => {
+    onChartKindChange?.(option.key);
+  }, [onChartKindChange]);
+  const switcherElement = showChartKindSwitcher && chartKindMenuOptions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonDropdown.ButtonDropdown, {
+    ariaLabel: "Switch Chart Type",
+    menu: {
+      isFluid: false,
+      menuDisabled: false,
+      options: chartKindMenuOptions,
+      selectedKeys: [chartKind],
+      size: 'medium',
+      width: _size.size180
+    },
+    iconLeftName: "chart-mixed",
+    onOptionSelect: handleChartKindSelect,
+    size: "small",
+    type: "ghost",
+    anchorPosition: _ButtonDropdown.ANCHOR_POSITION_TYPE.bottomEnd,
+    testId: (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'chart-kind-selector'
+    })
+  }) : null;
+  const combinedHeaderActions = switcherElement || headerActions ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [switcherElement, headerActions]
+  }) : undefined;
+  const consumerChart = 'chart' in props ? props.chart : undefined;
+  const responsiveChart = responsive ? {
+    ...consumerChart,
+    height: '60%'
+  } : consumerChart;
+  switch (props.chartKind) {
+    case 'column':
+      {
+        const {
+          chartKind: _chartKind,
+          showChartKindSwitcher: _showChartKindSwitcher,
+          chartKindOptions: _chartKindOptions,
+          onChartKindChange: _onChartKindChange,
+          responsive: _responsive,
+          ...rest
+        } = props;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColumnChart.ColumnChart, {
+          ...rest,
+          chart: responsiveChart,
+          headerActions: combinedHeaderActions,
+          classNames: responsiveClassNames
+        });
+      }
+    case 'line':
+      {
+        const {
+          chartKind: _chartKind,
+          showChartKindSwitcher: _showChartKindSwitcher,
+          chartKindOptions: _chartKindOptions,
+          onChartKindChange: _onChartKindChange,
+          responsive: _responsive,
+          ...rest
+        } = props;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LineChart, {
+          ...rest,
+          chart: responsiveChart,
+          headerActions: combinedHeaderActions,
+          classNames: responsiveClassNames
+        });
+      }
+    case 'donut':
+      {
+        const {
+          chartKind: _chartKind,
+          showChartKindSwitcher: _showChartKindSwitcher,
+          chartKindOptions: _chartKindOptions,
+          onChartKindChange: _onChartKindChange,
+          responsive: _responsive,
+          ...rest
+        } = props;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DonutChart.DonutChart, {
+          ...rest,
+          headerActions: combinedHeaderActions,
+          classNames: responsiveClassNames
+        });
+      }
+    case 'funnel':
+      {
+        const {
+          chartKind: _chartKind,
+          showChartKindSwitcher: _showChartKindSwitcher,
+          chartKindOptions: _chartKindOptions,
+          onChartKindChange: _onChartKindChange,
+          responsive: _responsive,
+          ...rest
+        } = props;
+        const sortedSeries = sortSeriesDescending(rest.series);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FunnelChart.FunnelChart, {
+          ...rest,
+          chart: responsiveChart,
+          series: sortedSeries,
+          headerActions: combinedHeaderActions,
+          classNames: responsiveClassNames
+        });
+      }
+    case 'sankey':
+      {
+        const {
+          chartKind: _chartKind,
+          showChartKindSwitcher: _showChartKindSwitcher,
+          chartKindOptions: _chartKindOptions,
+          onChartKindChange: _onChartKindChange,
+          responsive: _responsive,
+          ...rest
+        } = props;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SankeyChart.SankeyChart, {
+          ...rest,
+          chart: responsiveChart,
+          headerActions: combinedHeaderActions,
+          classNames: responsiveClassNames
+        });
+      }
+    case 'spider':
+      {
+        const {
+          chartKind: _chartKind,
+          showChartKindSwitcher: _showChartKindSwitcher,
+          chartKindOptions: _chartKindOptions,
+          onChartKindChange: _onChartKindChange,
+          responsive: _responsive,
+          ...rest
+        } = props;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpiderChart.SpiderChart, {
+          ...rest,
+          chart: responsiveChart,
+          headerActions: combinedHeaderActions,
+          classNames: responsiveClassNames
+        });
+      }
+    case 'stackedBar':
+      {
+        const {
+          chartKind: _chartKind,
+          showChartKindSwitcher: _showChartKindSwitcher,
+          chartKindOptions: _chartKindOptions,
+          onChartKindChange: _onChartKindChange,
+          responsive: _responsive,
+          ...rest
+        } = props;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StackedBarChart.StackedBarChart, {
+          ...rest,
+          chart: responsiveChart,
+          headerActions: combinedHeaderActions,
+          classNames: responsiveClassNames
+        });
+      }
+    default:
+      {
+        const _exhaustive = props;
+        const unsupportedKind = _exhaustive.chartKind;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartWrapper.ChartWrapper, {
+          title: cardTitle,
+          headerActions: combinedHeaderActions,
+          classNames: responsiveClassNames,
+          testId: testId,
+          hasEmptyData: true,
+          emptyText: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
+            imageVariant: "chart",
+            title: "Unsupported chart type",
+            description: `Chart kind "${unsupportedKind}" is not supported.`
+          })
+        });
+      }
+  }
+};
+exports.UniversalChart = UniversalChart;
+UniversalChart.displayName = 'UniversalChart';

package/lib/components/Charts/UniversalChart/UniversalChart.module.css

@@ -0,0 +1,7 @@
+@value (size300) from '../../../styles/variables/_size.css';
+
+.responsiveChart {
+  max-height: none;
+  min-width: size300;
+  min-height: size300;
+}

package/lib/components/Charts/UniversalChart/UniversalChart.types.d.ts

@@ -0,0 +1,37 @@
+import type { ColumnChartProps } from '../../../components/Charts/ColumnChart';
+import type { DonutChartProps } from '../../../components/Charts/DonutChart';
+import type { FunnelChartProps } from '../../../components/Charts/FunnelChart';
+import type { LineChartProps } from '../../../components/Charts/LineChart';
+import type { SankeyChartProps } from '../../../components/Charts/SankeyChart';
+import type { SpiderChartProps } from '../../../components/Charts/SpiderChart';
+import type { StackedBarChartProps } from '../../../components/Charts/StackedBarChart';
+export type ChartKind = 'column' | 'line' | 'donut' | 'funnel' | 'sankey' | 'spider' | 'stackedBar';
+export type CategoricalChartKind = 'column' | 'line' | 'stackedBar' | 'spider';
+export type ProportionChartKind = 'donut' | 'funnel';
+export type FlowChartKind = 'sankey';
+export interface ChartKindOptionType<K extends ChartKind = ChartKind> {
+    key: K;
+    label: string;
+}
+export interface ChartKindSelectorProps {
+    showChartKindSwitcher?: boolean;
+    chartKindOptions?: Array<ChartKindOptionType<CategoricalChartKind>> | Array<ChartKindOptionType<ProportionChartKind>> | Array<ChartKindOptionType<FlowChartKind>>;
+    onChartKindChange?: (chartKind: ChartKind) => void;
+    responsive?: boolean;
+}
+export type UniversalChartProps = (({
+    chartKind: 'column';
+} & ColumnChartProps) | ({
+    chartKind: 'line';
+} & LineChartProps) | ({
+    chartKind: 'donut';
+} & DonutChartProps) | ({
+    chartKind: 'funnel';
+} & FunnelChartProps) | ({
+    chartKind: 'sankey';
+} & SankeyChartProps) | ({
+    chartKind: 'spider';
+} & SpiderChartProps) | ({
+    chartKind: 'stackedBar';
+} & StackedBarChartProps)) & ChartKindSelectorProps;
+//# sourceMappingURL=UniversalChart.types.d.ts.map

package/lib/components/Charts/UniversalChart/UniversalChart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UniversalChart.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/UniversalChart/UniversalChart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAC;AACpE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,uCAAuC,CAAC;AAGhF,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,YAAY,CAAC;AAEjB,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IAClE,GAAG,EAAE,CAAC,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EACb,KAAK,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,CAAC,GAChD,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,GAC/C,KAAK,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAC9B,CAAC;IAAC,SAAS,EAAE,QAAQ,CAAA;CAAC,GAAG,gBAAgB,CAAC,GAC1C,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAC,GAAG,cAAc,CAAC,GACtC,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAC,GAAG,eAAe,CAAC,GACxC,CAAC;IAAC,SAAS,EAAE,QAAQ,CAAA;CAAC,GAAG,gBAAgB,CAAC,GAC1C,CAAC;IAAC,SAAS,EAAE,QAAQ,CAAA;CAAC,GAAG,gBAAgB,CAAC,GAC1C,CAAC;IAAC,SAAS,EAAE,QAAQ,CAAA;CAAC,GAAG,gBAAgB,CAAC,GAC1C,CAAC;IAAC,SAAS,EAAE,YAAY,CAAA;CAAC,GAAG,oBAAoB,CAAC,CACrD,GACC,sBAAsB,CAAC"}

package/lib/components/Charts/UniversalChart/UniversalChart.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/Charts/UniversalChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../components/Charts/UniversalChart/UniversalChart';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Charts/UniversalChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/UniversalChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,qDAAqD,CAAC"}

package/lib/components/Charts/UniversalChart/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _UniversalChart = require("./UniversalChart");
+Object.keys(_UniversalChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _UniversalChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _UniversalChart[key];
+    }
+  });
+});

package/lib/components/Charts/index.d.ts

@@ -7,4 +7,5 @@ export * from '../../components/Charts/LineChart';
 export * from '../../components/Charts/SankeyChart';
 export * from '../../components/Charts/SpiderChart';
 export * from '../../components/Charts/StackedBarChart';
+export * from '../../components/Charts/UniversalChart';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Charts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,sCAAsC,CAAC"}

package/lib/components/Charts/index.js

@@ -101,4 +101,15 @@ Object.keys(_StackedBarChart).forEach(function (key) {
       return _StackedBarChart[key];
     }
   });
+});
+var _UniversalChart = require("./UniversalChart");
+Object.keys(_UniversalChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _UniversalChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _UniversalChart[key];
+    }
+  });
 });

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/genesis-mcp",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
   "type": "module",
   "main": "index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.6.8",
+  "version": "0.6.9",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"