@enact-ui/charts 0.1.0 → 0.2.0

package/api-schema.json

@@ -0,0 +1,169 @@
+{
+    "package": "@enact-ui/charts",
+    "version": "0.1.0",
+    "extractedAt": "2026-01-04T19:10:38.252Z",
+    "components": {
+        "TrendIndicator": {
+            "name": "TrendIndicator",
+            "props": {
+                "direction": {
+                    "name": "direction",
+                    "type": "TrendDirection",
+                    "required": true
+                },
+                "value": {
+                    "name": "value",
+                    "type": "number",
+                    "required": true
+                },
+                "inverted": {
+                    "name": "inverted",
+                    "type": "boolean",
+                    "required": false
+                },
+                "size": {
+                    "name": "size",
+                    "type": "\"sm\" | \"md\" | \"lg\"",
+                    "values": ["sm", "md", "lg"],
+                    "required": false
+                },
+                "showPercent": {
+                    "name": "showPercent",
+                    "type": "boolean",
+                    "required": false
+                },
+                "className": {
+                    "name": "className",
+                    "type": "string",
+                    "required": false
+                }
+            },
+            "sourceFile": "src/components/trend-indicator.tsx"
+        },
+        "TrendBadge": {
+            "name": "TrendBadge",
+            "props": {
+                "label": {
+                    "name": "label",
+                    "type": "string",
+                    "required": false
+                }
+            },
+            "sourceFile": "src/components/trend-indicator.tsx"
+        },
+        "RelationshipGraph": {
+            "name": "RelationshipGraph",
+            "props": {
+                "typeColors": {
+                    "name": "typeColors",
+                    "type": "Record<string, string>",
+                    "required": false
+                },
+                "nodes": {
+                    "name": "nodes",
+                    "type": "GraphNode[]",
+                    "required": true
+                },
+                "edges": {
+                    "name": "edges",
+                    "type": "GraphEdge[]",
+                    "required": true
+                },
+                "onNodeClick": {
+                    "name": "onNodeClick",
+                    "type": "(node: GraphNode) => void",
+                    "required": false
+                },
+                "onEdgeClick": {
+                    "name": "onEdgeClick",
+                    "type": "(edge: GraphEdge) => void",
+                    "required": false
+                },
+                "width": {
+                    "name": "width",
+                    "type": "number",
+                    "required": false
+                },
+                "height": {
+                    "name": "height",
+                    "type": "number",
+                    "required": false
+                },
+                "animate": {
+                    "name": "animate",
+                    "type": "boolean",
+                    "required": false
+                },
+                "layout": {
+                    "name": "layout",
+                    "type": "\"force\" | \"hierarchical\" | \"radial\"",
+                    "values": ["force", "hierarchical", "radial"],
+                    "required": false
+                },
+                "className": {
+                    "name": "className",
+                    "type": "string",
+                    "required": false
+                },
+                "showLabels": {
+                    "name": "showLabels",
+                    "type": "boolean",
+                    "required": false
+                },
+                "showLegend": {
+                    "name": "showLegend",
+                    "type": "boolean",
+                    "required": false
+                },
+                "interactive": {
+                    "name": "interactive",
+                    "type": "boolean",
+                    "required": false
+                },
+                "highlightNode": {
+                    "name": "highlightNode",
+                    "type": "string | undefined",
+                    "required": false
+                }
+            },
+            "sourceFile": "src/components/relationship-graph.tsx"
+        },
+        "ChartTooltipContent": {
+            "name": "ChartTooltipContent",
+            "props": {
+                "isRadialChart": {
+                    "name": "isRadialChart",
+                    "type": "boolean",
+                    "required": false
+                },
+                "isPieChart": {
+                    "name": "isPieChart",
+                    "type": "boolean",
+                    "required": false
+                },
+                "label": {
+                    "name": "label",
+                    "type": "string",
+                    "required": false
+                },
+                "payload": {
+                    "name": "payload",
+                    "type": "any",
+                    "required": false
+                }
+            },
+            "sourceFile": "src/components/charts-base.tsx"
+        },
+        "ChartActiveDot": {
+            "name": "ChartActiveDot",
+            "props": {
+                "payload": {
+                    "name": "payload",
+                    "type": "any",
+                    "required": false
+                }
+            },
+            "sourceFile": "src/components/charts-base.tsx"
+        }
+    }
+}

package/dist/__tests__/recharts-mock.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=recharts-mock.d.ts.map

package/dist/__tests__/recharts-mock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recharts-mock.d.ts","sourceRoot":"","sources":["../../src/__tests__/recharts-mock.ts"],"names":[],"mappings":""}

package/dist/__tests__/recharts-mock.js

@@ -0,0 +1,19 @@
+// SPDX-License-Identifier: MIT
+/// <reference types="vitest/globals" />
+import React from "react";
+// Mock Recharts ResponsiveContainer to render with fixed dimensions
+// This is needed because ResponsiveContainer has 0x0 dimensions in JSDOM
+vi.mock("recharts", async () => {
+    const actual = await vi.importActual("recharts");
+    return {
+        ...actual,
+        ResponsiveContainer: ({ children, className, }) => {
+            // Render children with fixed dimensions to allow charts to render in tests
+            return React.createElement("div", {
+                className,
+                style: { width: 800, height: 400 },
+            }, typeof children === "function" ? children({ width: 800, height: 400 }) : children);
+        },
+    };
+});
+//# sourceMappingURL=recharts-mock.js.map

package/dist/__tests__/recharts-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recharts-mock.js","sourceRoot":"","sources":["../../src/__tests__/recharts-mock.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAE/B,wCAAwC;AACxC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oEAAoE;AACpE,yEAAyE;AACzE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;IAC3B,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,YAAY,CAA4B,UAAU,CAAC,CAAC;IAE5E,OAAO;QACH,GAAG,MAAM;QACT,mBAAmB,EAAE,CAAC,EAClB,QAAQ,EACR,SAAS,GAIZ,EAAE,EAAE;YACD,2EAA2E;YAC3E,OAAO,KAAK,CAAC,aAAa,CACtB,KAAK,EACL;gBACI,SAAS;gBACT,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;aACrC,EACD,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CACpF,CAAC;QACN,CAAC;KACJ,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/__tests__/test-utils.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Test utilities for chart components
+ */
+export interface MockChartDataPoint {
+    name?: string;
+    value: number;
+    className?: string;
+    [key: string]: unknown;
+}
+/**
+ * Generates mock bar chart data
+ */
+export declare const generateMockBarData: (count?: number) => Array<{
+    month: Date;
+    A: number;
+    B: number;
+    C: number;
+}>;
+/**
+ * Generates mock line chart data
+ */
+export declare const generateMockLineData: (count?: number) => Array<{
+    date: Date;
+    A: number;
+    B: number;
+    C: number;
+}>;
+/**
+ * Generates mock pie chart data
+ */
+export declare const generateMockPieData: (count?: number) => Array<{
+    name: string;
+    value: number;
+    className?: string;
+}>;
+/**
+ * Generates mock radial/activity gauge data
+ */
+export declare const generateMockRadialData: (count?: number) => Array<{
+    name: string;
+    value: number;
+    className?: string;
+}>;
+/**
+ * Generates mock radar chart data
+ */
+export declare const generateMockRadarData: (subjects?: string[]) => Array<{
+    subject: string;
+    A: number;
+    B: number;
+    C: number;
+}>;
+/**
+ * Generates large dataset for performance testing
+ */
+export declare const generateLargeDataset: (count?: number) => Array<{
+    date: Date;
+    value: number;
+}>;
+/**
+ * Theme helper: Set light mode
+ */
+export declare const setLightMode: () => void;
+/**
+ * Theme helper: Set dark mode
+ */
+export declare const setDarkMode: () => void;
+/**
+ * Theme helper: Reset theme
+ */
+export declare const resetTheme: () => void;
+/**
+ * Mock breakpoint hook for testing responsive behavior
+ */
+export declare const mockBreakpoint: (_isDesktop: boolean) => void;
+//# sourceMappingURL=test-utils.d.ts.map

package/dist/__tests__/test-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../src/__tests__/test-utils.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH,MAAM,WAAW,kBAAkB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,QAAO,MAAW,KAAG,KAAK,CAAC;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAO9G,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAO,MAAW,KAAG,KAAK,CAAC;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAO9G,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,QAAO,MAAU,KAAG,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAMhH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAO,MAAU,KAAG,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAMnH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAC9B,WAAU,MAAM,EAAsD,KACvE,KAAK,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAO5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAO,MAAa,KAAG,KAAK,CAAC;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAK9F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,QAAO,IAE/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,QAAO,IAE9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,QAAO,IAE7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,YAAY,OAAO,KAAG,IAGpD,CAAC"}

package/dist/__tests__/test-utils.js

@@ -0,0 +1,89 @@
+// SPDX-License-Identifier: MIT
+/**
+ * Generates mock bar chart data
+ */
+export const generateMockBarData = (count = 12) => {
+    return Array.from({ length: count }, (_, i) => ({
+        month: new Date(2025, i, 1),
+        A: Math.floor(Math.random() * 500) + 100,
+        B: Math.floor(Math.random() * 500) + 100,
+        C: Math.floor(Math.random() * 500) + 100,
+    }));
+};
+/**
+ * Generates mock line chart data
+ */
+export const generateMockLineData = (count = 12) => {
+    return Array.from({ length: count }, (_, i) => ({
+        date: new Date(2025, i, 1),
+        A: Math.floor(Math.random() * 1000) + 200,
+        B: Math.floor(Math.random() * 1000) + 200,
+        C: Math.floor(Math.random() * 1000) + 200,
+    }));
+};
+/**
+ * Generates mock pie chart data
+ */
+export const generateMockPieData = (count = 5) => {
+    return Array.from({ length: count }, (_, i) => ({
+        name: `Series ${i + 1}`,
+        value: Math.floor(Math.random() * 500) + 100,
+        className: i % 2 === 0 ? "text-content-brand" : "text-brand-subtle",
+    }));
+};
+/**
+ * Generates mock radial/activity gauge data
+ */
+export const generateMockRadialData = (count = 3) => {
+    return Array.from({ length: count }, (_, i) => ({
+        name: `Series ${i + 1}`,
+        value: Math.floor(Math.random() * 900) + 100,
+        className: "text-content-brand",
+    }));
+};
+/**
+ * Generates mock radar chart data
+ */
+export const generateMockRadarData = (subjects = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]) => {
+    return subjects.map((subject) => ({
+        subject,
+        A: Math.floor(Math.random() * 1000),
+        B: Math.floor(Math.random() * 1000),
+        C: Math.floor(Math.random() * 1000),
+    }));
+};
+/**
+ * Generates large dataset for performance testing
+ */
+export const generateLargeDataset = (count = 1000) => {
+    return Array.from({ length: count }, (_, i) => ({
+        date: new Date(2025, 0, i + 1),
+        value: Math.floor(Math.random() * 1000),
+    }));
+};
+/**
+ * Theme helper: Set light mode
+ */
+export const setLightMode = () => {
+    document.documentElement.classList.remove("dark");
+};
+/**
+ * Theme helper: Set dark mode
+ */
+export const setDarkMode = () => {
+    document.documentElement.classList.add("dark");
+};
+/**
+ * Theme helper: Reset theme
+ */
+export const resetTheme = () => {
+    document.documentElement.classList.remove("dark");
+};
+/**
+ * Mock breakpoint hook for testing responsive behavior
+ */
+export const mockBreakpoint = (_isDesktop) => {
+    // This would be used with a mock of useBreakpoint if needed
+    // For now, we'll test responsive behavior through actual rendering
+};
+//# sourceMappingURL=test-utils.js.map

package/dist/__tests__/test-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-utils.js","sourceRoot":"","sources":["../../src/__tests__/test-utils.ts"],"names":[],"mappings":"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"}

package/dist/components/activity-gauges.demo.d.ts

@@ -11,5 +11,10 @@ export declare const ActivityGaugeXs: ({ title, subtitle, data }: ActivityGaugeP
 export declare const ActivityGaugeSm: ({ title, subtitle, data }: ActivityGaugeProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ActivityGaugeMd: ({ title, subtitle, data }: ActivityGaugeProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ActivityGaugeLg: ({ title, subtitle, data }: ActivityGaugeProps) => import("react/jsx-runtime").JSX.Element;
+interface ActivityGaugePlaygroundProps {
+    size?: "xs" | "sm" | "md" | "lg";
+}
+export declare const ActivityGaugePlayground: ({ size }: ActivityGaugePlaygroundProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActivityGaugeVariations: () => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=activity-gauges.demo.d.ts.map

package/dist/components/activity-gauges.demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-gauges.demo.d.ts","sourceRoot":"","sources":["../../src/components/activity-gauges.demo.tsx"],"names":[],"mappings":"AA2BA,UAAU,kBAAkB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,EAAE,CAAC;CACP;AAED,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC"}
+{"version":3,"file":"activity-gauges.demo.d.ts","sourceRoot":"","sources":["../../src/components/activity-gauges.demo.tsx"],"names":[],"mappings":"AA0BA,UAAU,kBAAkB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,EAAE,CAAC;CACP;AAED,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC;AAEF,UAAU,4BAA4B;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,uBAAuB,GAAI,UAAiB,4BAA4B,4CAWpF,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAqBnC,CAAC"}

package/dist/components/activity-gauges.demo.js

@@ -1,4 +1,3 @@
-// Copyright (c) 2025 Amsterdam Data Labs
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cx } from "@enact-ui/react";
@@ -14,61 +13,76 @@ const radialData = [
     {
         name: "Series 2",
         value: 774,
-        className: "text-brand-medium",
+        className: "text-content-brand",
     },
     {
         name: "Series 1",
         value: 866,
-        className: "text-brand-dark",
+        className: "text-content-brand",
     },
     // collapse-end
 ];
 export const ActivityGaugeXs = ({ title = "1,000", subtitle = "Active users", data = radialData }) => {
     return (_jsx(ResponsiveContainer, { height: 220, children: _jsxs(RadialBarChart, { data: data, accessibilityLayer: true, innerRadius: 52, outerRadius: 86, 
             // This is needed to start the chart at the top and go clockwise
-            startAngle: 90, endAngle: 360 + 90, className: "text-muted font-medium [&_.recharts-polar-grid]:text-gray-subtle [&_.recharts-text]:text-sm", margin: {
+            startAngle: 90, endAngle: 360 + 90, className: "text-content-tertiary font-medium [&_.recharts-polar-grid]:text-content-tertiary [&_.recharts-text]:text-sm", margin: {
                 left: 0,
                 right: 0,
                 top: 0,
                 bottom: 0,
             }, children: [_jsx(PolarAngleAxis, { tick: false, domain: [0, 1000], type: "number", reversed: true }), _jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: _jsx(ChartLegendContent, {}) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, { isRadialChart: true }) }), _jsx(RadialBar, { isAnimationActive: false, dataKey: "value", cornerRadius: 99, fill: "currentColor", background: {
                         className: "fill-gray-light",
-                    } }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.175em" : "1%", className: cx("text-muted fill-current", "text-xs font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1.25em" : "1%", className: cx("text-heading fill-current", "text-xl font-semibold"), children: title }))] }))] }) }));
+                    } }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.175em" : "1%", className: cx("text-content-tertiary fill-current", "text-xs font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1.25em" : "1%", className: cx("text-content-primary fill-current", "text-xl font-semibold"), children: title }))] }))] }) }));
 };
 export const ActivityGaugeSm = ({ title = "1,000", subtitle = "Active users", data = radialData }) => {
     return (_jsx(ResponsiveContainer, { height: 268, children: _jsxs(RadialBarChart, { data: data, accessibilityLayer: true, innerRadius: 61, outerRadius: 110, 
             // This is needed to start the chart at the top and go clockwise
-            startAngle: 90, endAngle: 360 + 90, className: "text-muted font-medium [&_.recharts-polar-grid]:text-gray-subtle [&_.recharts-text]:text-sm", margin: {
+            startAngle: 90, endAngle: 360 + 90, className: "text-content-tertiary font-medium [&_.recharts-polar-grid]:text-content-tertiary [&_.recharts-text]:text-sm", margin: {
                 left: 0,
                 right: 0,
                 top: 0,
                 bottom: 0,
             }, children: [_jsx(PolarAngleAxis, { tick: false, domain: [0, 1000], type: "number", reversed: true }), _jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: _jsx(ChartLegendContent, {}) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, { isRadialChart: true }) }), _jsx(RadialBar, { isAnimationActive: false, dataKey: "value", cornerRadius: 99, fill: "currentColor", background: {
                         className: "fill-gray-light",
-                    } }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.35em" : "1%", className: cx("text-muted fill-current", "text-xs font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1.15em" : "1%", className: cx("text-heading fill-current", "text-display-xs font-semibold"), children: title }))] }))] }) }));
+                    } }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.35em" : "1%", className: cx("text-content-tertiary fill-current", "text-xs font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1.15em" : "1%", className: cx("text-content-primary fill-current", "text-2xl font-semibold"), children: title }))] }))] }) }));
 };
 export const ActivityGaugeMd = ({ title = "1,000", subtitle = "Active users", data = radialData }) => {
     return (_jsx(ResponsiveContainer, { height: 312, children: _jsxs(RadialBarChart, { data: data, accessibilityLayer: true, innerRadius: 74, outerRadius: 132, 
             // This is needed to start the chart at the top and go clockwise
-            startAngle: 90, endAngle: 360 + 90, className: "text-muted font-medium [&_.recharts-polar-grid]:text-gray-subtle [&_.recharts-text]:text-sm", margin: {
+            startAngle: 90, endAngle: 360 + 90, className: "text-content-tertiary font-medium [&_.recharts-polar-grid]:text-content-tertiary [&_.recharts-text]:text-sm", margin: {
                 left: 0,
                 right: 0,
                 top: 0,
                 bottom: 0,
             }, children: [_jsx(PolarAngleAxis, { tick: false, domain: [0, 1000], type: "number", reversed: true }), _jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: _jsx(ChartLegendContent, {}) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, { isRadialChart: true }) }), _jsx(RadialBar, { isAnimationActive: false, dataKey: "value", cornerRadius: 99, fill: "currentColor", background: {
                         className: "fill-gray-light",
-                    } }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.45em" : "1%", className: cx("text-muted fill-current", "text-sm font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1.075em" : "1%", className: cx("text-heading fill-current", "text-display-sm font-semibold"), children: title }))] }))] }) }));
+                    } }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.45em" : "1%", className: cx("text-content-tertiary fill-current", "text-sm font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1.075em" : "1%", className: cx("text-content-primary fill-current", "text-3xl font-semibold"), children: title }))] }))] }) }));
 };
 export const ActivityGaugeLg = ({ title = "1,000", subtitle = "Active users", data = radialData }) => {
     return (_jsx(ResponsiveContainer, { height: 356, children: _jsxs(RadialBarChart, { data: data, accessibilityLayer: true, innerRadius: 84, outerRadius: 154, 
             // This is needed to start the chart at the top and go clockwise
-            startAngle: 90, endAngle: 360 + 90, className: "text-muted font-medium [&_.recharts-polar-grid]:text-gray-subtle [&_.recharts-text]:text-sm", margin: {
+            startAngle: 90, endAngle: 360 + 90, className: "text-content-tertiary font-medium [&_.recharts-polar-grid]:text-content-tertiary [&_.recharts-text]:text-sm", margin: {
                 left: 0,
                 right: 0,
                 top: 0,
                 bottom: 0,
             }, children: [_jsx(PolarAngleAxis, { tick: false, domain: [0, 1000], type: "number", reversed: true }), _jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: _jsx(ChartLegendContent, {}) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, { isRadialChart: true }) }), _jsx(RadialBar, { isAnimationActive: false, dataKey: "value", cornerRadius: 99, fill: "currentColor", background: {
                         className: "fill-gray-light",
-                    } }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.4em" : "1%", className: cx("text-muted fill-current", "text-sm font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1em" : "1%", className: cx("text-heading fill-current", "text-display-md font-semibold"), children: title }))] }))] }) }));
+                    } }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.4em" : "1%", className: cx("text-content-tertiary fill-current", "text-sm font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1em" : "1%", className: cx("text-content-primary fill-current", "text-4xl font-semibold"), children: title }))] }))] }) }));
+};
+export const ActivityGaugePlayground = ({ size = "md" }) => {
+    switch (size) {
+        case "xs":
+            return _jsx(ActivityGaugeXs, {});
+        case "sm":
+            return _jsx(ActivityGaugeSm, {});
+        case "lg":
+            return _jsx(ActivityGaugeLg, {});
+        default:
+            return _jsx(ActivityGaugeMd, {});
+    }
+};
+export const ActivityGaugeVariations = () => {
+    return (_jsxs("div", { className: "flex flex-col gap-8", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("div", { className: "text-sm font-medium text-content-tertiary", children: "XS Size" }), _jsx(ActivityGaugeXs, {})] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("div", { className: "text-sm font-medium text-content-tertiary", children: "SM Size" }), _jsx(ActivityGaugeSm, {})] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("div", { className: "text-sm font-medium text-content-tertiary", children: "MD Size (Default)" }), _jsx(ActivityGaugeMd, {})] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("div", { className: "text-sm font-medium text-content-tertiary", children: "LG Size" }), _jsx(ActivityGaugeLg, {})] })] }));
 };
 //# sourceMappingURL=activity-gauges.demo.js.map

package/dist/components/activity-gauges.demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-gauges.demo.js","sourceRoot":"","sources":["../../src/components/activity-gauges.demo.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"activity-gauges.demo.js","sourceRoot":"","sources":["../../src/components/activity-gauges.demo.tsx"],"names":[],"mappings":"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"}

package/dist/components/activity-gauges.story.d.ts

@@ -1,23 +1,7 @@
-import type { FC } from "react";
-declare const _default: {
-    title: string;
-    decorators: ((Story: FC) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default _default;
-export declare const ActivityGaugeXs: {
-    (): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};
-export declare const ActivityGaugeSm: {
-    (): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};
-export declare const ActivityGaugeMd: {
-    (): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};
-export declare const ActivityGaugeLg: {
-    (): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Variations: Story;
 //# sourceMappingURL=activity-gauges.story.d.ts.map

package/dist/components/activity-gauges.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-gauges.story.d.ts","sourceRoot":"","sources":["../../src/components/activity-gauges.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;;;yBAMhB,EAAE;;AAHlB,wBAWE;AAEF,eAAO,MAAM,eAAe;;;CAAmC,CAAC;AAGhE,eAAO,MAAM,eAAe;;;CAAmC,CAAC;AAGhE,eAAO,MAAM,eAAe;;;CAAmC,CAAC;AAGhE,eAAO,MAAM,eAAe;;;CAAmC,CAAC"}
+{"version":3,"file":"activity-gauges.story.d.ts","sourceRoot":"","sources":["../../src/components/activity-gauges.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI,EAAE,IAiBX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}

package/dist/components/activity-gauges.story.js

@@ -1,17 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as Charts from "./activity-gauges.demo";
-export default {
-    title: "Application/Charts",
+const meta = {
+    title: "Charts/Activity Gauges",
     decorators: [
-        (Story) => (_jsx("div", { className: "bg-base flex min-h-screen items-center justify-center py-8", children: _jsx("div", { className: "flex w-full items-center justify-center", children: _jsx(Story, {}) }) })),
+        (Story) => (_jsx("div", { className: "bg-surface-base flex min-h-screen items-center justify-center p-8", children: _jsx("div", { className: "flex w-full items-center justify-center", children: _jsx(Story, {}) }) })),
     ],
+    argTypes: {
+        size: {
+            control: "select",
+            options: ["xs", "sm", "md", "lg"],
+        },
+    },
+};
+export default meta;
+export const Playground = {
+    render: (args) => (_jsx("div", { className: "w-full max-w-5xl", children: _jsx(Charts.ActivityGaugePlayground, { ...args }) })),
+    args: {
+        size: "md",
+    },
+};
+export const Variations = {
+    render: () => (_jsx("div", { className: "w-full max-w-5xl", children: _jsx(Charts.ActivityGaugeVariations, {}) })),
 };
-export const ActivityGaugeXs = () => _jsx(Charts.ActivityGaugeXs, {});
-ActivityGaugeXs.storyName = "Activity gauge xs";
-export const ActivityGaugeSm = () => _jsx(Charts.ActivityGaugeSm, {});
-ActivityGaugeSm.storyName = "Activity gauge sm";
-export const ActivityGaugeMd = () => _jsx(Charts.ActivityGaugeMd, {});
-ActivityGaugeMd.storyName = "Activity gauge md";
-export const ActivityGaugeLg = () => _jsx(Charts.ActivityGaugeLg, {});
-ActivityGaugeLg.storyName = "Activity gauge lg";
 //# sourceMappingURL=activity-gauges.story.js.map

package/dist/components/activity-gauges.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-gauges.story.js","sourceRoot":"","sources":["../../src/components/activity-gauges.story.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAEjD,eAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE;QACR,CAAC,KAAS,EAAE,EAAE,CAAC,CACX,cAAK,SAAS,EAAC,4DAA4D,YACvE,cAAK,SAAS,EAAC,yCAAyC,YACpD,KAAC,KAAK,KAAG,GACP,GACJ,CACT;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAC,MAAM,CAAC,eAAe,KAAG,CAAC;AAChE,eAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAC,MAAM,CAAC,eAAe,KAAG,CAAC;AAChE,eAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAC,MAAM,CAAC,eAAe,KAAG,CAAC;AAChE,eAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAC,MAAM,CAAC,eAAe,KAAG,CAAC;AAChE,eAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"activity-gauges.story.js","sourceRoot":"","sources":["../../src/components/activity-gauges.story.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAEjD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE;QACR,CAAC,KAAyB,EAAE,EAAE,CAAC,CAC3B,cAAK,SAAS,EAAC,mEAAmE,YAC9E,cAAK,SAAS,EAAC,yCAAyC,YACpD,KAAC,KAAK,KAAG,GACP,GACJ,CACT;KACJ;IACD,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SACpC;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,MAAM,EAAE,CAAC,IAA6B,EAAE,EAAE,CAAC,CACvC,cAAK,SAAS,EAAC,kBAAkB,YAC7B,KAAC,MAAM,CAAC,uBAAuB,OAAK,IAAI,GAAI,GAC1C,CACT;IACD,IAAI,EAAE;QACF,IAAI,EAAE,IAAI;KACb;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,cAAK,SAAS,EAAC,kBAAkB,YAC7B,KAAC,MAAM,CAAC,uBAAuB,KAAG,GAChC,CACT;CACJ,CAAC"}

package/dist/components/bar-charts.demo.d.ts

@@ -1,4 +1,10 @@
 export declare const BarChart: () => import("react/jsx-runtime").JSX.Element;
 export declare const BarChart02: () => import("react/jsx-runtime").JSX.Element;
 export declare const BarChart03: () => import("react/jsx-runtime").JSX.Element;
+interface BarChartPlaygroundProps {
+    variant?: "default" | "02" | "03";
+}
+export declare const BarChartPlayground: ({ variant }: BarChartPlaygroundProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BarChartVariations: () => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=bar-charts.demo.d.ts.map

package/dist/components/bar-charts.demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bar-charts.demo.d.ts","sourceRoot":"","sources":["../../src/components/bar-charts.demo.tsx"],"names":[],"mappings":"AAoFA,eAAO,MAAM,QAAQ,+CAsGpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CA8JtB,CAAC;AAEF,eAAO,MAAM,UAAU,+CA8JtB,CAAC"}
+{"version":3,"file":"bar-charts.demo.d.ts","sourceRoot":"","sources":["../../src/components/bar-charts.demo.tsx"],"names":[],"mappings":"AAoFA,eAAO,MAAM,QAAQ,+CAsGpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CA8JtB,CAAC;AAEF,eAAO,MAAM,UAAU,+CA8JtB,CAAC;AAEF,UAAU,uBAAuB;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB,GAAI,aAAyB,uBAAuB,4CASlF,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAmB9B,CAAC"}