@santi020k/lumen-core 0.3.0 → 0.4.0

package/README.md

@@ -7,6 +7,28 @@ Most consumers should install a framework package such as `@santi020k/lumen-astr
 The package exports `lumenColors` and `lumenGlass` for consumers that need to mirror Lumen theme
 tokens outside the shared stylesheet.
 
+## Chart Helpers
+
+`@santi020k/lumen-core/charts` exports the shared `LumenChartSeries` contract plus deterministic
+domain, tick, scaling, line/area, grouped/stacked bar, and pie/donut geometry helpers. They render
+no DOM and perform no statistical analysis; framework packages use them to keep chart output
+aligned.
+
+```ts
+import {
+  createLumenLineGeometry,
+  type LumenChartSeries
+} from '@santi020k/lumen-core/charts'
+
+const series: LumenChartSeries = {
+  id: 'views',
+  label: 'Views',
+  data: [{ x: 'Mon', y: 42 }, { x: 'Tue', y: 68 }]
+}
+
+createLumenLineGeometry(series.data)
+```
+
 It also exports the Lucide-backed icon map (`lumenIcons`, `lumenIconNames`) and helpers such as
 `renderLumenIconSvg` so framework adapters can render icons by name.
 

package/dist/charts.d.ts

@@ -0,0 +1,101 @@
+export declare const lumenChartTones: readonly ["series-1", "series-2", "series-3", "series-4", "series-5", "series-6", "series-7", "series-8", "brand", "accent", "success", "warning", "danger", "neutral"];
+export type LumenChartTone = typeof lumenChartTones[number];
+export interface LumenChartDatum {
+    label?: string;
+    tone?: LumenChartTone;
+    x: number | string;
+    y: number | null;
+}
+export interface LumenChartSeries {
+    data: readonly LumenChartDatum[];
+    id: string;
+    label: string;
+    tone?: LumenChartTone;
+}
+export interface LumenChartDomain {
+    max: number;
+    min: number;
+}
+export interface LumenChartGeometryPoint extends LumenChartDatum {
+    xCoordinate: number;
+    yCoordinate: number;
+}
+export interface LumenLineGeometry {
+    areaPaths: readonly string[];
+    domain: LumenChartDomain;
+    path: string;
+    points: readonly LumenChartGeometryPoint[];
+}
+export interface LumenLineGeometryOptions {
+    domain?: Partial<LumenChartDomain>;
+    height?: number;
+    includeZero?: boolean;
+    padding?: number;
+    width?: number;
+}
+export type LumenBarChartLayout = 'grouped' | 'stacked';
+export type LumenChartOrientation = 'horizontal' | 'vertical';
+export interface LumenBarGeometryMark {
+    category: number | string;
+    height: number;
+    seriesId: string;
+    seriesLabel: string;
+    tone: LumenChartTone;
+    value: number;
+    width: number;
+    x: number;
+    y: number;
+}
+export interface LumenBarGeometryCategory {
+    label: number | string;
+    x: number;
+    y: number;
+}
+export interface LumenBarGeometry {
+    categories: readonly LumenBarGeometryCategory[];
+    domain: LumenChartDomain;
+    height: number;
+    marks: readonly LumenBarGeometryMark[];
+    width: number;
+}
+export interface LumenBarGeometryOptions {
+    height?: number;
+    layout?: LumenBarChartLayout;
+    orientation?: LumenChartOrientation;
+    width?: number;
+}
+export type LumenPieChartVariant = 'donut' | 'pie';
+export interface LumenPieGeometrySlice {
+    label: string;
+    path: string;
+    percentage: number;
+    tone: LumenChartTone;
+    value: number;
+    x: number | string;
+}
+export interface LumenPieGeometry {
+    center: number;
+    innerRadius: number;
+    outerRadius: number;
+    size: number;
+    slices: readonly LumenPieGeometrySlice[];
+    total: number;
+}
+export interface LumenPieGeometryOptions {
+    padding?: number;
+    size?: number;
+    variant?: LumenPieChartVariant;
+}
+export declare const hasLumenChartData: (series: readonly LumenChartSeries[]) => boolean;
+export declare const hasLumenPieData: (data: readonly LumenChartDatum[]) => boolean;
+export declare const getLumenChartDomain: (values: readonly (number | null)[], includeZero?: boolean) => LumenChartDomain;
+export declare const scaleLumenChartValue: (value: number, domain: LumenChartDomain, rangeStart: number, rangeEnd: number) => number;
+export declare const getLumenChartTicks: (domain: LumenChartDomain, count?: number) => number[];
+export declare const resolveLumenChartTone: (tone: LumenChartTone | undefined, index?: number) => LumenChartTone;
+export declare const createLumenPieGeometry: (data: readonly LumenChartDatum[], options?: LumenPieGeometryOptions) => LumenPieGeometry;
+export declare const createLumenLineGeometry: (data: readonly LumenChartDatum[], options?: LumenLineGeometryOptions) => LumenLineGeometry;
+export declare const getLumenChartValueRatio: (value: number, domain: LumenChartDomain) => number;
+export declare const getLumenChartCategories: (series: readonly LumenChartSeries[]) => (number | string)[];
+export declare const alignLumenChartSeries: (series: LumenChartSeries, categories: readonly (number | string)[]) => LumenChartSeries;
+export declare const createLumenBarGeometry: (series: readonly LumenChartSeries[], options?: LumenBarGeometryOptions) => LumenBarGeometry;
+//# sourceMappingURL=charts.d.ts.map

package/dist/charts.d.ts.map

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

package/dist/charts.js

@@ -0,0 +1,319 @@
+export const lumenChartTones = [
+    'series-1',
+    'series-2',
+    'series-3',
+    'series-4',
+    'series-5',
+    'series-6',
+    'series-7',
+    'series-8',
+    'brand',
+    'accent',
+    'success',
+    'warning',
+    'danger',
+    'neutral'
+];
+const defaultChartSize = 100;
+const defaultChartPadding = 4;
+const finiteValues = (values) => values.filter((value) => value !== null && Number.isFinite(value));
+export const hasLumenChartData = (series) => series.some(item => item.data.some(datum => datum.y !== null && Number.isFinite(datum.y)));
+export const hasLumenPieData = (data) => data.some(datum => datum.y !== null && Number.isFinite(datum.y) && datum.y > 0);
+export const getLumenChartDomain = (values, includeZero = true) => {
+    const available = finiteValues(values);
+    if (available.length === 0)
+        return { max: 1, min: 0 };
+    let min = Math.min(...available);
+    let max = Math.max(...available);
+    if (includeZero) {
+        min = Math.min(0, min);
+        max = Math.max(0, max);
+    }
+    if (min === max) {
+        const offset = Math.abs(min || 1) * 0.1;
+        min -= offset;
+        max += offset;
+    }
+    return { max, min };
+};
+export const scaleLumenChartValue = (value, domain, rangeStart, rangeEnd) => {
+    const domainSize = domain.max - domain.min;
+    if (!Number.isFinite(value) || domainSize === 0)
+        return rangeStart;
+    const ratio = (value - domain.min) / domainSize;
+    return rangeStart + ratio * (rangeEnd - rangeStart);
+};
+export const getLumenChartTicks = (domain, count = 5) => {
+    const safeCount = Math.max(2, Math.round(count));
+    const step = (domain.max - domain.min) / (safeCount - 1);
+    return Array.from({ length: safeCount }, (_, index) => domain.min + step * index);
+};
+export const resolveLumenChartTone = (tone, index = 0) => tone ?? lumenChartTones[index % 8] ?? 'series-1';
+const polarPoint = (center, radius, angle) => {
+    const radians = angle * Math.PI / 180;
+    return {
+        x: center + Math.cos(radians) * radius,
+        y: center + Math.sin(radians) * radius
+    };
+};
+const formatPieCoordinate = (value) => value.toFixed(3);
+const pieArc = (radius, largeArc, sweep, point) => `A ${formatPieCoordinate(radius)} ${formatPieCoordinate(radius)} 0 ${largeArc ? 1 : 0} ${sweep} ${formatPieCoordinate(point.x)} ${formatPieCoordinate(point.y)}`;
+const fullPiePath = (center, outerRadius, innerRadius) => {
+    const topOuter = polarPoint(center, outerRadius, -90);
+    const bottomOuter = polarPoint(center, outerRadius, 90);
+    const outer = [
+        `M ${formatPieCoordinate(topOuter.x)} ${formatPieCoordinate(topOuter.y)}`,
+        pieArc(outerRadius, true, 1, bottomOuter),
+        pieArc(outerRadius, true, 1, topOuter),
+        'Z'
+    ];
+    if (innerRadius === 0)
+        return outer.join(' ');
+    const topInner = polarPoint(center, innerRadius, -90);
+    const bottomInner = polarPoint(center, innerRadius, 90);
+    return [
+        ...outer,
+        `M ${formatPieCoordinate(topInner.x)} ${formatPieCoordinate(topInner.y)}`,
+        pieArc(innerRadius, true, 0, bottomInner),
+        pieArc(innerRadius, true, 0, topInner),
+        'Z'
+    ].join(' ');
+};
+const pieSlicePath = (center, outerRadius, innerRadius, startAngle, endAngle) => {
+    if (endAngle - startAngle >= 359.999) {
+        return fullPiePath(center, outerRadius, innerRadius);
+    }
+    const outerStart = polarPoint(center, outerRadius, startAngle);
+    const outerEnd = polarPoint(center, outerRadius, endAngle);
+    const largeArc = endAngle - startAngle > 180;
+    if (innerRadius === 0) {
+        return [
+            `M ${formatPieCoordinate(center)} ${formatPieCoordinate(center)}`,
+            `L ${formatPieCoordinate(outerStart.x)} ${formatPieCoordinate(outerStart.y)}`,
+            pieArc(outerRadius, largeArc, 1, outerEnd),
+            'Z'
+        ].join(' ');
+    }
+    const innerStart = polarPoint(center, innerRadius, startAngle);
+    const innerEnd = polarPoint(center, innerRadius, endAngle);
+    return [
+        `M ${formatPieCoordinate(outerStart.x)} ${formatPieCoordinate(outerStart.y)}`,
+        pieArc(outerRadius, largeArc, 1, outerEnd),
+        `L ${formatPieCoordinate(innerEnd.x)} ${formatPieCoordinate(innerEnd.y)}`,
+        pieArc(innerRadius, largeArc, 0, innerStart),
+        'Z'
+    ].join(' ');
+};
+export const createLumenPieGeometry = (data, options = {}) => {
+    const size = Math.max(1, options.size ?? 320);
+    const padding = Math.max(0, options.padding ?? 12);
+    const center = size / 2;
+    const outerRadius = Math.max(0, center - padding);
+    const innerRadius = options.variant === 'pie' ? 0 : outerRadius * 0.58;
+    const available = data.filter((datum) => datum.y !== null && Number.isFinite(datum.y) && datum.y > 0);
+    const total = available.reduce((sum, datum) => sum + datum.y, 0);
+    let angle = -90;
+    const slices = available.map((datum, index) => {
+        const percentage = total === 0 ? 0 : datum.y / total;
+        const startAngle = angle;
+        const endAngle = index === available.length - 1
+            ? 270
+            : startAngle + percentage * 360;
+        angle = endAngle;
+        return {
+            label: datum.label ?? String(datum.x),
+            path: pieSlicePath(center, outerRadius, innerRadius, startAngle, endAngle),
+            percentage,
+            tone: resolveLumenChartTone(datum.tone, index),
+            value: datum.y,
+            x: datum.x
+        };
+    });
+    return {
+        center,
+        innerRadius,
+        outerRadius,
+        size,
+        slices,
+        total
+    };
+};
+const splitGeometrySegments = (data, domain, width, height, padding) => {
+    const drawableWidth = Math.max(0, width - padding * 2);
+    const drawableHeight = Math.max(0, height - padding * 2);
+    const denominator = Math.max(1, data.length - 1);
+    const segments = [];
+    let current = [];
+    for (const [index, datum] of data.entries()) {
+        if (datum.y === null || !Number.isFinite(datum.y)) {
+            if (current.length > 0)
+                segments.push(current);
+            current = [];
+            continue;
+        }
+        current.push({
+            ...datum,
+            xCoordinate: padding + (data.length === 1 ? 0.5 : index / denominator) * drawableWidth,
+            yCoordinate: scaleLumenChartValue(datum.y, domain, padding + drawableHeight, padding)
+        });
+    }
+    if (current.length > 0)
+        segments.push(current);
+    return segments;
+};
+const segmentPath = (points) => points
+    .map((point, index) => `${index === 0 ? 'M' : 'L'} ${point.xCoordinate.toFixed(3)} ${point.yCoordinate.toFixed(3)}`)
+    .join(' ');
+export const createLumenLineGeometry = (data, options = {}) => {
+    const width = options.width ?? defaultChartSize;
+    const height = options.height ?? defaultChartSize;
+    const padding = options.padding ?? defaultChartPadding;
+    const calculatedDomain = getLumenChartDomain(data.map(datum => datum.y), options.includeZero ?? false);
+    const domain = {
+        max: options.domain?.max ?? calculatedDomain.max,
+        min: options.domain?.min ?? calculatedDomain.min
+    };
+    const segments = splitGeometrySegments(data, domain, width, height, padding);
+    const baseline = scaleLumenChartValue(Math.max(domain.min, Math.min(domain.max, 0)), domain, height - padding, padding);
+    return {
+        areaPaths: segments.map(points => {
+            const first = points[0];
+            const last = points[points.length - 1];
+            if (!first || !last)
+                return '';
+            return `${segmentPath(points)} L ${last.xCoordinate.toFixed(3)} ${baseline.toFixed(3)} L ${first.xCoordinate.toFixed(3)} ${baseline.toFixed(3)} Z`;
+        }).filter(Boolean),
+        domain,
+        path: segments.map(segmentPath).join(' '),
+        points: segments.flat()
+    };
+};
+export const getLumenChartValueRatio = (value, domain) => {
+    const ratio = scaleLumenChartValue(value, domain, 0, 1);
+    return Math.max(0, Math.min(1, ratio));
+};
+export const getLumenChartCategories = (series) => {
+    const categories = new Map();
+    for (const item of series) {
+        for (const datum of item.data) {
+            const key = `${typeof datum.x}:${String(datum.x)}`;
+            if (!categories.has(key))
+                categories.set(key, datum.x);
+        }
+    }
+    return [...categories.values()];
+};
+export const alignLumenChartSeries = (series, categories) => ({
+    ...series,
+    data: categories.map(category => series.data.find(datum => datum.x === category) ?? { x: category, y: null })
+});
+const getDatumValue = (series, category) => series.data.find(datum => datum.x === category)?.y ?? 0;
+const getStackedDomain = (series, categories) => {
+    const totals = categories.flatMap(category => {
+        let positive = 0;
+        let negative = 0;
+        for (const item of series) {
+            const value = getDatumValue(item, category);
+            if (value >= 0)
+                positive += value;
+            else
+                negative += value;
+        }
+        return [negative, positive];
+    });
+    return getLumenChartDomain(totals);
+};
+const getBarStartValue = (layout, value, positiveOffset, negativeOffset) => {
+    if (layout !== 'stacked')
+        return 0;
+    return value >= 0 ? positiveOffset : negativeOffset;
+};
+/* eslint-disable complexity -- Bar geometry deliberately keeps both orientations and layouts in one deterministic pass. */
+export const createLumenBarGeometry = (series, options = {}) => {
+    const width = options.width ?? 640;
+    const height = options.height ?? 320;
+    const orientation = options.orientation ?? 'vertical';
+    const layout = options.layout ?? 'grouped';
+    const categories = getLumenChartCategories(series);
+    const values = series.flatMap(item => item.data.map(datum => datum.y));
+    const domain = layout === 'stacked'
+        ? getStackedDomain(series, categories)
+        : getLumenChartDomain(values);
+    const margin = orientation === 'horizontal'
+        ? { bottom: 24, left: 112, right: 20, top: 16 }
+        : { bottom: 52, left: 52, right: 16, top: 16 };
+    const plotWidth = Math.max(1, width - margin.left - margin.right);
+    const plotHeight = Math.max(1, height - margin.top - margin.bottom);
+    const categorySize = (orientation === 'horizontal' ? plotHeight : plotWidth) / Math.max(1, categories.length);
+    const categoryGap = Math.min(16, categorySize * 0.24);
+    const usableCategorySize = Math.max(1, categorySize - categoryGap);
+    const seriesSize = usableCategorySize / Math.max(1, series.length);
+    const marks = [];
+    const categoryPositions = [];
+    for (const [categoryIndex, category] of categories.entries()) {
+        const categoryStart = (orientation === 'horizontal' ? margin.top : margin.left) + categoryIndex * categorySize + categoryGap / 2;
+        let positiveOffset = 0;
+        let negativeOffset = 0;
+        categoryPositions.push({
+            label: category,
+            x: orientation === 'horizontal'
+                ? margin.left - 8
+                : categoryStart + usableCategorySize / 2,
+            y: orientation === 'horizontal'
+                ? categoryStart + usableCategorySize / 2
+                : height - 20
+        });
+        for (const [seriesIndex, item] of series.entries()) {
+            const value = getDatumValue(item, category);
+            const tone = resolveLumenChartTone(item.tone, seriesIndex);
+            if (orientation === 'horizontal') {
+                const startValue = getBarStartValue(layout, value, positiveOffset, negativeOffset);
+                const endValue = startValue + value;
+                const start = scaleLumenChartValue(startValue, domain, margin.left, margin.left + plotWidth);
+                const end = scaleLumenChartValue(endValue, domain, margin.left, margin.left + plotWidth);
+                marks.push({
+                    category,
+                    height: layout === 'stacked' ? usableCategorySize : Math.max(1, seriesSize - 2),
+                    seriesId: item.id,
+                    seriesLabel: item.label,
+                    tone,
+                    value,
+                    width: Math.abs(end - start),
+                    x: Math.min(start, end),
+                    y: categoryStart + (layout === 'stacked' ? 0 : seriesIndex * seriesSize + 1)
+                });
+            }
+            else {
+                const startValue = getBarStartValue(layout, value, positiveOffset, negativeOffset);
+                const endValue = startValue + value;
+                const start = scaleLumenChartValue(startValue, domain, margin.top + plotHeight, margin.top);
+                const end = scaleLumenChartValue(endValue, domain, margin.top + plotHeight, margin.top);
+                marks.push({
+                    category,
+                    height: Math.abs(end - start),
+                    seriesId: item.id,
+                    seriesLabel: item.label,
+                    tone,
+                    value,
+                    width: layout === 'stacked' ? usableCategorySize : Math.max(1, seriesSize - 2),
+                    x: categoryStart + (layout === 'stacked' ? 0 : seriesIndex * seriesSize + 1),
+                    y: Math.min(start, end)
+                });
+            }
+            if (layout === 'stacked') {
+                if (value >= 0)
+                    positiveOffset += value;
+                else
+                    negativeOffset += value;
+            }
+        }
+    }
+    return {
+        categories: categoryPositions,
+        domain,
+        height,
+        marks,
+        width
+    };
+};
+/* eslint-enable complexity */

package/dist/components.d.ts

@@ -1,9 +1,9 @@
-export declare const lumenComponentNames: readonly ["Accordion", "Alert", "AlertDialog", "Agenda", "AspectRatio", "Attachment", "Autocomplete", "Avatar", "BackToTop", "Badge", "Breadcrumb", "Bubble", "Button", "ButtonGroup", "Calendar", "Callout", "Card", "Carousel", "Chart", "Checkbox", "Collapsible", "Code", "CodeTabs", "Combobox", "Command", "ContextMenu", "ColorPicker", "DataTable", "DatePicker", "DateRangePicker", "Dialog", "Direction", "Drawer", "DropdownMenu", "Empty", "Eyebrow", "Field", "FloatingBadge", "FormattedDate", "HoverCard", "Icon", "Image", "Input", "InputGroup", "InputOTP", "Item", "Kbd", "Label", "Link", "Marker", "Menubar", "Message", "MessageScroller", "NativeSelect", "NavigationMenu", "NumberField", "Pagination", "PhoneInput", "Pill", "Popover", "Progress", "Prose", "RadioGroup", "Resizable", "RichTextEditor", "ScrollArea", "Schedule", "SearchField", "Select", "Separator", "Sheet", "Sidebar", "Skeleton", "SkipLink", "Slider", "Sonner", "Spinner", "Switch", "Table", "Tabs", "TagGroup", "Textarea", "ThemeBuilder", "ThemeToggle", "TimeField", "Toast", "Toggle", "ToggleGroup", "Tooltip", "Tree", "TreeGrid", "Typography", "VirtualList", "LanguageToggle", "Particles", "AnimatedNumber", "RevealGroup", "ScrollReveal", "Stat", "Meter", "Note", "Rating", "Timeline", "AnimatedLogo", "AnimatedPortrait", "ButtonLink", "CoverImage", "GradientDivider", "Stepper", "FileUpload", "Tour", "Anchor", "Segmented", "Toolbar", "Descriptions", "Popconfirm", "Transfer", "Cascader", "TreeSelect", "Mentions", "QRCode", "Watermark", "Affix", "SpeedDial"];
+export declare const lumenComponentNames: readonly ["Accordion", "Alert", "AlertDialog", "Agenda", "AspectRatio", "Attachment", "Autocomplete", "Avatar", "BackToTop", "Badge", "BarChart", "Breadcrumb", "Bubble", "Button", "ButtonGroup", "Calendar", "Callout", "Card", "Carousel", "Chart", "Checkbox", "Collapsible", "Code", "CodeTabs", "Combobox", "Command", "ContextMenu", "ColorPicker", "DataTable", "DatePicker", "DateRangePicker", "Dialog", "Direction", "Drawer", "DropdownMenu", "Empty", "Eyebrow", "Field", "FloatingBadge", "FormattedDate", "HoverCard", "Icon", "Image", "Input", "InputGroup", "InputOTP", "Item", "Kbd", "Label", "Link", "LineChart", "Marker", "Menubar", "Message", "MessageScroller", "NativeSelect", "NavigationMenu", "NumberField", "Pagination", "PhoneInput", "PieChart", "Pill", "Popover", "Progress", "Prose", "RadioGroup", "Resizable", "RichTextEditor", "ScrollArea", "ScrollProgress", "Schedule", "SearchField", "Select", "Separator", "Sheet", "Sidebar", "Skeleton", "SkipLink", "Slider", "Sonner", "Sparkline", "Spinner", "Switch", "Table", "Tabs", "TagGroup", "Textarea", "ThemeBuilder", "ThemeToggle", "TimeField", "Toast", "Toggle", "ToggleGroup", "Tooltip", "Tree", "TreeGrid", "Typography", "VirtualList", "LanguageToggle", "Particles", "AnimatedNumber", "RevealGroup", "ScrollReveal", "Stat", "Meter", "Note", "Rating", "Timeline", "AnimatedLogo", "AnimatedPortrait", "ButtonLink", "CoverImage", "GradientDivider", "Stepper", "FileUpload", "Tour", "Anchor", "Segmented", "Toolbar", "Descriptions", "Popconfirm", "Transfer", "Cascader", "TreeSelect", "Mentions", "QRCode", "Watermark", "Affix", "SpeedDial"];
 export type LumenComponentName = typeof lumenComponentNames[number];
 export interface LumenPackageTarget {
     name: string;
     packageName: string;
-    runtime: 'astro' | 'core' | 'elements' | 'react' | 'umbrella';
+    runtime: 'astro' | 'core' | 'elements' | 'icons' | 'react' | 'umbrella';
 }
 export declare const lumenPackages: readonly [{
     readonly name: "Lumen";
@@ -25,5 +25,9 @@ export declare const lumenPackages: readonly [{
     readonly name: "Lumen Elements";
     readonly packageName: "@santi020k/lumen-elements";
     readonly runtime: "elements";
+}, {
+    readonly name: "Lumen Brand Icons";
+    readonly packageName: "@santi020k/lumen-icons-brand";
+    readonly runtime: "icons";
 }];
 //# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,8/CA6HtB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAA;AAEnE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAA;CAC9D;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;EAMwB,CAAA"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,kkDAkItB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,OAAO,mBAAmB,CAAC,MAAM,CAAC,CAAA;AAEnE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAA;CACxE;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAWwB,CAAA"}

package/dist/components.js

@@ -9,6 +9,7 @@ export const lumenComponentNames = [
     'Avatar',
     'BackToTop',
     'Badge',
+    'BarChart',
     'Breadcrumb',
     'Bubble',
     'Button',
@@ -48,6 +49,7 @@ export const lumenComponentNames = [
     'Kbd',
     'Label',
     'Link',
+    'LineChart',
     'Marker',
     'Menubar',
     'Message',
@@ -57,6 +59,7 @@ export const lumenComponentNames = [
     'NumberField',
     'Pagination',
     'PhoneInput',
+    'PieChart',
     'Pill',
     'Popover',
     'Progress',
@@ -65,6 +68,7 @@ export const lumenComponentNames = [
     'Resizable',
     'RichTextEditor',
     'ScrollArea',
+    'ScrollProgress',
     'Schedule',
     'SearchField',
     'Select',
@@ -75,6 +79,7 @@ export const lumenComponentNames = [
     'SkipLink',
     'Slider',
     'Sonner',
+    'Sparkline',
     'Spinner',
     'Switch',
     'Table',
@@ -129,5 +134,10 @@ export const lumenPackages = [
     { name: 'Lumen Core', packageName: '@santi020k/lumen-core', runtime: 'core' },
     { name: 'Lumen Astro', packageName: '@santi020k/lumen-astro', runtime: 'astro' },
     { name: 'Lumen React', packageName: '@santi020k/lumen-react', runtime: 'react' },
-    { name: 'Lumen Elements', packageName: '@santi020k/lumen-elements', runtime: 'elements' }
+    { name: 'Lumen Elements', packageName: '@santi020k/lumen-elements', runtime: 'elements' },
+    {
+        name: 'Lumen Brand Icons',
+        packageName: '@santi020k/lumen-icons-brand',
+        runtime: 'icons'
+    }
 ];

package/dist/icons.d.ts

@@ -1,9 +1,17 @@
 import { type LucideIconData, type LucideIconNode } from '@lucide/icons';
 export type LumenIconNode = LucideIconNode;
-export type LumenIconData = LucideIconData;
+export type LumenIconStyle = 'fill' | 'stroke';
+export type LumenIconData = LucideIconData & {
+    source?: string;
+    style?: LumenIconStyle;
+};
 export type LumenIconName = string;
+export type LumenIconPack = Readonly<Record<string, LumenIconData>>;
 export declare const lumenIcons: Readonly<Record<string, LumenIconData>>;
 export declare const lumenIconNames: readonly string[];
+export declare const registerLumenIconPack: (prefix: string, icons: LumenIconPack) => void;
+export declare const getLumenIconPack: (prefix: string) => LumenIconPack | undefined;
+export declare const getRegisteredLumenIconNames: () => string[];
 export declare const resolveLumenIconName: (name: string) => LumenIconName | undefined;
 export declare const getLumenIcon: (name: string) => LumenIconData | undefined;
 export interface LumenIconSvgOptions {

package/dist/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAC1C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAC1C,MAAM,MAAM,aAAa,GAAG,MAAM,CAAA;AAwBlC,eAAO,MAAM,UAAU,EAElB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAA;AAE5C,eAAO,MAAM,cAAc,mBAAgD,CAAA;AAwB3E,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,aAAa,GAAG,SAInE,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,KAAG,aAAa,GAAG,SAI3D,CAAA;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,EAAE,UAAS,mBAAwB,WAqBjF,CAAA"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAC1C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC9C,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,cAAc,CAAA;CACvB,CAAA;AACD,MAAM,MAAM,aAAa,GAAG,MAAM,CAAA;AAClC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAA;AAyBnE,eAAO,MAAM,UAAU,EAElB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAA;AAE5C,eAAO,MAAM,cAAc,mBAAgD,CAAA;AAe3E,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,EAAE,OAAO,aAAa,SAYzE,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,KAAG,aAAa,GAAG,SACpB,CAAA;AAE9C,eAAO,MAAM,2BAA2B,gBAG7B,CAAA;AAwBX,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,aAAa,GAAG,SAQnE,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,KAAG,aAAa,GAAG,SAQ3D,CAAA;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,EAAE,UAAS,mBAAwB,WAyBjF,CAAA"}

package/dist/icons.js

@@ -4,6 +4,7 @@ const toKebabCase = (value) => value.trim()
     .replaceAll(/[\s_]+/g, '-')
     .toLowerCase();
 const lucideIconEntries = Object.entries(lucideIcons);
+const registeredIconPacks = new Map();
 const createLumenIconEntries = () => {
     const entries = [];
     for (const [exportName, icon] of lucideIconEntries) {
@@ -16,6 +17,28 @@ const createLumenIconEntries = () => {
 };
 export const lumenIcons = Object.freeze(Object.fromEntries(createLumenIconEntries()));
 export const lumenIconNames = Object.freeze(Object.keys(lumenIcons).sort());
+const parseIconName = (name) => {
+    const separatorIndex = name.indexOf(':');
+    if (separatorIndex < 0) {
+        return { iconName: toKebabCase(name) };
+    }
+    return {
+        iconName: toKebabCase(name.slice(separatorIndex + 1)),
+        prefix: toKebabCase(name.slice(0, separatorIndex))
+    };
+};
+export const registerLumenIconPack = (prefix, icons) => {
+    const normalizedPrefix = toKebabCase(prefix);
+    if (!normalizedPrefix || normalizedPrefix.includes(':')) {
+        throw new Error('Lumen icon pack prefixes must be non-empty and cannot contain colons.');
+    }
+    const normalizedIcons = Object.fromEntries(Object.entries(icons).map(([name, icon]) => [toKebabCase(name), icon]));
+    registeredIconPacks.set(normalizedPrefix, Object.freeze(normalizedIcons));
+};
+export const getLumenIconPack = (prefix) => registeredIconPacks.get(toKebabCase(prefix));
+export const getRegisteredLumenIconNames = () => [...registeredIconPacks.entries()]
+    .flatMap(([prefix, icons]) => Object.keys(icons).map(name => `${prefix}:${name}`))
+    .sort();
 const escapeHtmlAttribute = (value) => value.replaceAll('&', '&amp;')
     .replaceAll('"', '&quot;')
     .replaceAll('<', '&lt;')
@@ -32,29 +55,39 @@ const renderIconNode = ([tagName, attributes, children]) => {
     return `${openingTag}>${children.map(renderIconNode).join('')}</${tagName}>`;
 };
 export const resolveLumenIconName = (name) => {
-    const normalized = toKebabCase(name);
-    return lumenIcons[normalized] ? normalized : undefined;
+    const { iconName, prefix } = parseIconName(name);
+    if (!prefix) {
+        return lumenIcons[iconName] ? iconName : undefined;
+    }
+    return registeredIconPacks.get(prefix)?.[iconName] ? `${prefix}:${iconName}` : undefined;
 };
 export const getLumenIcon = (name) => {
     const resolvedName = resolveLumenIconName(name);
-    return resolvedName ? lumenIcons[resolvedName] : undefined;
+    if (!resolvedName)
+        return undefined;
+    const { iconName, prefix } = parseIconName(resolvedName);
+    return prefix ? registeredIconPacks.get(prefix)?.[iconName] : lumenIcons[iconName];
 };
 export const renderLumenIconSvg = (name, options = {}) => {
     const icon = getLumenIcon(name);
     if (!icon)
         return '';
-    const className = ['ui-icon__svg', `lucide-${icon.name}`, options.className].filter(Boolean).join(' ');
+    const iconStyle = icon.style ?? 'stroke';
+    const source = icon.source ?? 'lucide';
+    const width = 'size' in icon ? icon.size : icon.width;
+    const height = 'size' in icon ? icon.size : icon.height;
+    const className = ['ui-icon__svg', `${source}-${icon.name}`, options.className].filter(Boolean).join(' ');
     return `<svg ${renderAttributes({
         'aria-hidden': 'true',
         class: className,
-        fill: 'none',
+        fill: iconStyle === 'fill' ? 'currentColor' : 'none',
         focusable: 'false',
         height: '1em',
-        stroke: 'currentColor',
+        stroke: iconStyle === 'stroke' ? 'currentColor' : 'none',
         'stroke-linecap': 'round',
         'stroke-linejoin': 'round',
-        'stroke-width': '2',
-        viewBox: '0 0 24 24',
+        'stroke-width': iconStyle === 'stroke' ? '2' : '0',
+        viewBox: `0 0 ${width} ${height}`,
         width: '1em',
         xmlns: 'http://www.w3.org/2000/svg'
     })}>${icon.node.map(renderIconNode).join('')}</svg>`;

package/dist/index.d.ts

@@ -1,12 +1,13 @@
+export { alignLumenChartSeries, createLumenBarGeometry, createLumenLineGeometry, createLumenPieGeometry, getLumenChartCategories, getLumenChartDomain, getLumenChartTicks, getLumenChartValueRatio, hasLumenChartData, hasLumenPieData, type LumenBarChartLayout, type LumenBarGeometry, type LumenBarGeometryCategory, type LumenBarGeometryMark, type LumenBarGeometryOptions, type LumenChartDatum, type LumenChartDomain, type LumenChartGeometryPoint, type LumenChartOrientation, type LumenChartSeries, type LumenChartTone, lumenChartTones, type LumenLineGeometry, type LumenLineGeometryOptions, type LumenPieChartVariant, type LumenPieGeometry, type LumenPieGeometryOptions, type LumenPieGeometrySlice, resolveLumenChartTone, scaleLumenChartValue } from './charts.js';
 export { type LumenCodeToken, lumenCodeTokenClassNames, type LumenCodeTokenKind, normalizeLumenCode, renderLumenCodeHtml, tokenizeLumenCode } from './code.js';
 export { type LumenComponentName, lumenComponentNames, lumenPackages, type LumenPackageTarget } from './components.js';
 export { applyDataViewState, createDataViewRequestUrl, createDataViewSearchParams, createDataViewServerRequest, createDataViewState, createDataViewStorageKey, filterDataRecords, getVirtualRange, loadDataViewState, type LumenDataRecord, type LumenDataViewServerRequest, type LumenDataViewState, type LumenKeyValueReader, type LumenKeyValueStorage, type LumenKeyValueWriter, type LumenSortDirection, paginateDataRecords, parseDataViewState, pinDataViewColumn, saveDataViewState, serializeDataViewState, sortDataRecords, toggleDataViewSelection, unpinDataViewColumn } from './data.js';
 export { createFigmaVariableName, exportThemeDesignTokens, exportThemeFigmaVariables, hslTokenToFigmaColor, hslTokenToHexColor, type LumenDesignToken, type LumenDesignTokenExport, type LumenDesignTokenType, type LumenEffectDesignToken, type LumenFigmaColorValue, type LumenFigmaVariable, type LumenFigmaVariableCollection, type LumenFigmaVariableExportOptions, type LumenFigmaVariableMode, type LumenStructureDesignToken } from './figma.js';
-export { getLumenIcon, type LumenIconData, type LumenIconName, lumenIconNames, type LumenIconNode, lumenIcons, renderLumenIconSvg, resolveLumenIconName } from './icons.js';
+export { getLumenIcon, getLumenIconPack, getRegisteredLumenIconNames, type LumenIconData, type LumenIconName, lumenIconNames, type LumenIconNode, type LumenIconPack, lumenIcons, type LumenIconStyle, registerLumenIconPack, renderLumenIconSvg, resolveLumenIconName } from './icons.js';
 export { type LumenAstroPropsResult, type LumenClassValue, type LumenGlass, type LumenSurfaceAlias, resolveLumenAstroProps, resolveLumenGlass } from './props.js';
 export { getLumenRichTextShortcut, isLumenRichTextToggleCommand, type LumenRichTextChangeDetail, type LumenRichTextCommandDetail, type LumenRichTextShortcutEvent, type LumenRichTextToggleCommand, lumenRichTextToggleCommands } from './rich-text.js';
 export { canPlaceScheduleEvent, createScheduleSlots, createScheduleStorageKey, expandRecurringScheduleEvent, getScheduleConflicts, loadScheduleEvents, type LumenScheduleConflict, type LumenScheduleEvent, type LumenScheduleKeyValueReader, type LumenScheduleKeyValueStorage, type LumenScheduleKeyValueWriter, type LumenScheduleResizeEdge, type LumenScheduleResizeOptions, type LumenScheduleResource, type LumenScheduleSlot, moveScheduleEvent, parseScheduleEvents, resizeScheduleEvent, resizeScheduleEvents, saveScheduleEvents, scheduleEventsOverlap, serializeScheduleEvents } from './schedule.js';
 export { createThemeFromHue, createThemePalette, exportThemeCss, getContrastRatio, type LumenColorTokenName, lumenColorTokenNames, type LumenContrastScore, type LumenGlassColorTokenName, lumenGlassColorTokenNames, type LumenGlassEffectTokenName, lumenGlassEffectTokenNames, type LumenGlassTokenName, lumenGlassTokenNames, type LumenMotionTokenName, lumenMotionTokenNames, type LumenRadiusTokenName, lumenRadiusTokenNames, type LumenSemanticColorTokenName, lumenSemanticColorTokenNames, type LumenShadowTokenName, lumenShadowTokenNames, type LumenStructureTokenName, lumenStructureTokenNames, type LumenThemeContrastSuggestion, type LumenThemeFromHueOptions, type LumenThemeTokenName, type LumenThemeTokens, lumenTokenNames, type LumenTypographyTokenName, lumenTypographyTokenNames, mergeThemeTokens, parseThemeCss, scoreThemeContrast, suggestReadableInk, tuneThemeContrast } from './theme.js';
 export { coerceThemeBuilderExportFormat, coerceThemeBuilderMode, coerceThemeBuilderScheme, createThemeBuilderTokens, exportThemeBuilderCss, exportThemeBuilderValue, type LumenThemeBuilderExportFormat, type LumenThemeBuilderMode, type LumenThemeBuilderOptions, type LumenThemeBuilderResult, type LumenThemeBuilderScheme, normalizeThemeBuilderHex, normalizeThemeBuilderHue, themeBuilderHexToHsl } from './theme-builder.js';
-export { composeClassName, lumenColors, lumenDarkTheme, lumenFont, lumenGlass, lumenLightTheme, lumenMotion, lumenRadius, lumenShadow, lumenThemeAttribute } from './tokens.js';
+export { composeClassName, lumenChart, lumenColors, lumenDarkTheme, lumenFont, lumenGlass, lumenLightTheme, lumenMotion, lumenRadius, lumenShadow, lumenThemeAttribute } from './tokens.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -1,11 +1,12 @@
+export { alignLumenChartSeries, createLumenBarGeometry, createLumenLineGeometry, createLumenPieGeometry, getLumenChartCategories, getLumenChartDomain, getLumenChartTicks, getLumenChartValueRatio, hasLumenChartData, hasLumenPieData, lumenChartTones, resolveLumenChartTone, scaleLumenChartValue } from './charts.js';
 export { lumenCodeTokenClassNames, normalizeLumenCode, renderLumenCodeHtml, tokenizeLumenCode } from './code.js';
 export { lumenComponentNames, lumenPackages } from './components.js';
 export { applyDataViewState, createDataViewRequestUrl, createDataViewSearchParams, createDataViewServerRequest, createDataViewState, createDataViewStorageKey, filterDataRecords, getVirtualRange, loadDataViewState, paginateDataRecords, parseDataViewState, pinDataViewColumn, saveDataViewState, serializeDataViewState, sortDataRecords, toggleDataViewSelection, unpinDataViewColumn } from './data.js';
 export { createFigmaVariableName, exportThemeDesignTokens, exportThemeFigmaVariables, hslTokenToFigmaColor, hslTokenToHexColor } from './figma.js';
-export { getLumenIcon, lumenIconNames, lumenIcons, renderLumenIconSvg, resolveLumenIconName } from './icons.js';
+export { getLumenIcon, getLumenIconPack, getRegisteredLumenIconNames, lumenIconNames, lumenIcons, registerLumenIconPack, renderLumenIconSvg, resolveLumenIconName } from './icons.js';
 export { resolveLumenAstroProps, resolveLumenGlass } from './props.js';
 export { getLumenRichTextShortcut, isLumenRichTextToggleCommand, lumenRichTextToggleCommands } from './rich-text.js';
 export { canPlaceScheduleEvent, createScheduleSlots, createScheduleStorageKey, expandRecurringScheduleEvent, getScheduleConflicts, loadScheduleEvents, moveScheduleEvent, parseScheduleEvents, resizeScheduleEvent, resizeScheduleEvents, saveScheduleEvents, scheduleEventsOverlap, serializeScheduleEvents } from './schedule.js';
 export { createThemeFromHue, createThemePalette, exportThemeCss, getContrastRatio, lumenColorTokenNames, lumenGlassColorTokenNames, lumenGlassEffectTokenNames, lumenGlassTokenNames, lumenMotionTokenNames, lumenRadiusTokenNames, lumenSemanticColorTokenNames, lumenShadowTokenNames, lumenStructureTokenNames, lumenTokenNames, lumenTypographyTokenNames, mergeThemeTokens, parseThemeCss, scoreThemeContrast, suggestReadableInk, tuneThemeContrast } from './theme.js';
 export { coerceThemeBuilderExportFormat, coerceThemeBuilderMode, coerceThemeBuilderScheme, createThemeBuilderTokens, exportThemeBuilderCss, exportThemeBuilderValue, normalizeThemeBuilderHex, normalizeThemeBuilderHue, themeBuilderHexToHsl } from './theme-builder.js';
-export { composeClassName, lumenColors, lumenDarkTheme, lumenFont, lumenGlass, lumenLightTheme, lumenMotion, lumenRadius, lumenShadow, lumenThemeAttribute } from './tokens.js';
+export { composeClassName, lumenChart, lumenColors, lumenDarkTheme, lumenFont, lumenGlass, lumenLightTheme, lumenMotion, lumenRadius, lumenShadow, lumenThemeAttribute } from './tokens.js';

package/dist/theme.js

@@ -147,7 +147,7 @@ const lumenRadiusTokens = {
     'ui-radius-sm': '0.375rem'
 };
 const lumenTypographyTokens = {
-    'ui-font': 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+    'ui-font': '"Montserrat", "Avenir Next", "Segoe UI", sans-serif'
 };
 const lumenMotionTokens = {
     'ui-duration': '160ms',

package/dist/tokens.d.ts

@@ -18,6 +18,24 @@ export declare const lumenColors: {
     readonly surfaceStrong: "268 15% 90%";
     readonly warning: "38 92% 50%";
 };
+export declare const lumenChart: {
+    readonly axis: "var(--ink-muted)";
+    readonly divergingMid: "220 13% 91%";
+    readonly divergingNegative: "0 84% 60%";
+    readonly divergingPositive: "221 83% 53%";
+    readonly grid: "var(--line)";
+    readonly sequentialHigh: "221 83% 40%";
+    readonly sequentialLow: "218 100% 97%";
+    readonly sequentialMid: "221 83% 67%";
+    readonly series1: "221 83% 53%";
+    readonly series2: "168 76% 36%";
+    readonly series3: "280 72% 56%";
+    readonly series4: "25 95% 53%";
+    readonly series5: "340 82% 55%";
+    readonly series6: "190 82% 42%";
+    readonly series7: "52 92% 45%";
+    readonly series8: "215 16% 47%";
+};
 export declare const lumenGlass: {
     readonly bg: "0 0% 100% / 0.55";
     readonly bgStrong: "0 0% 100% / 0.72";
@@ -43,7 +61,7 @@ export declare const lumenShadow: {
     readonly md: "0 8px 24px hsl(222 47% 11% / 0.08)";
     readonly sm: "0 1px 2px hsl(222 47% 11% / 0.06)";
 };
-export declare const lumenFont: "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif";
+export declare const lumenFont: "\"Montserrat\", \"Avenir Next\", \"Segoe UI\", sans-serif";
 export declare const lumenMotion: {
     readonly duration: "160ms";
     readonly durationFast: "120ms";

package/dist/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,eAAe,CAAA;AAC/C,eAAO,MAAM,cAAc,SAAS,CAAA;AACpC,eAAO,MAAM,eAAe,UAAU,CAAA;AAEtC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;CAgBd,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAcb,CAAA;AAEV,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,eAAO,MAAM,SAAS,EACpB,8FAAqG,CAAA;AAEvG,eAAO,MAAM,WAAW;;;;;;CAMd,CAAA;AAEV,eAAO,MAAM,gBAAgB,GAAI,GAAG,SAAS,CAAC,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,WACjD,CAAA"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,eAAe,CAAA;AAC/C,eAAO,MAAM,cAAc,SAAS,CAAA;AACpC,eAAO,MAAM,eAAe,UAAU,CAAA;AAEtC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;CAgBd,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAiBb,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAcb,CAAA;AAEV,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,eAAO,MAAM,SAAS,EACpB,2DAA8D,CAAA;AAEhE,eAAO,MAAM,WAAW;;;;;;CAMd,CAAA;AAEV,eAAO,MAAM,gBAAgB,GAAI,GAAG,SAAS,CAAC,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,WACjD,CAAA"}

package/dist/tokens.js

@@ -18,6 +18,24 @@ export const lumenColors = {
     surfaceStrong: '268 15% 90%',
     warning: '38 92% 50%'
 };
+export const lumenChart = {
+    axis: 'var(--ink-muted)',
+    divergingMid: '220 13% 91%',
+    divergingNegative: '0 84% 60%',
+    divergingPositive: '221 83% 53%',
+    grid: 'var(--line)',
+    sequentialHigh: '221 83% 40%',
+    sequentialLow: '218 100% 97%',
+    sequentialMid: '221 83% 67%',
+    series1: '221 83% 53%',
+    series2: '168 76% 36%',
+    series3: '280 72% 56%',
+    series4: '25 95% 53%',
+    series5: '340 82% 55%',
+    series6: '190 82% 42%',
+    series7: '52 92% 45%',
+    series8: '215 16% 47%'
+};
 export const lumenGlass = {
     bg: '0 0% 100% / 0.55',
     bgStrong: '0 0% 100% / 0.72',
@@ -43,7 +61,7 @@ export const lumenShadow = {
     md: '0 8px 24px hsl(222 47% 11% / 0.08)',
     sm: '0 1px 2px hsl(222 47% 11% / 0.06)'
 };
-export const lumenFont = 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
+export const lumenFont = '"Montserrat", "Avenir Next", "Segoe UI", sans-serif';
 export const lumenMotion = {
     duration: '160ms',
     durationFast: '120ms',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@santi020k/lumen-core",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "publishConfig": {
     "access": "public"
   },
@@ -27,6 +27,10 @@
       "types": "./dist/code.d.ts",
       "import": "./dist/code.js"
     },
+    "./charts": {
+      "types": "./dist/charts.d.ts",
+      "import": "./dist/charts.js"
+    },
     "./data": {
       "types": "./dist/data.d.ts",
       "import": "./dist/data.js"