@santi020k/lumen-elements 0.2.0 → 0.4.0

package/README.md

@@ -16,6 +16,10 @@ Load the shared stylesheet once from your app entry or global CSS.
 @import "@santi020k/lumen-elements/styles.css";
 ```
 
+The stylesheet defaults `--ui-font` to `"Montserrat", "Avenir Next", "Segoe UI", sans-serif`.
+It declares the family stack but does not bundle or load font files. Load Montserrat once through
+your preferred delivery path, or override `--ui-font` in application CSS.
+
 ## Usage
 
 Register the elements once, then use `lumen-*` tags anywhere HTML is valid.
@@ -44,6 +48,44 @@ Use `lumen-icon` for Lucide icons by name across framework adapters.
 <lumen-icon name="search" label="Search"></lumen-icon>
 ```
 
+Use `lumen-scroll-progress` on long reading surfaces. Registration supplies its scroll behavior,
+accessible value, and top or bottom positioning.
+
+```html
+<lumen-scroll-progress
+  aria-label="Article reading progress"
+  position="top"
+></lumen-scroll-progress>
+```
+
+## Statistics
+
+Use `variant="default"` for the original neutral surface, `variant="accent"` for a featured metric,
+or `variant="glass"` for selective translucency.
+
+```html
+<lumen-stat label="Active workspaces" value="1,234" variant="accent">
+  <p>Across all production organizations.</p>
+</lumen-stat>
+```
+
+## Data visualization
+
+Set serializable `series` data through the JavaScript property for application data. The JSON
+attribute form is useful for static HTML and server output.
+
+```html
+<lumen-line-chart
+  aria-label="Views by day"
+  heading="Website traffic"
+  series='[{"id":"views","label":"Views","data":[{"x":"Mon","y":42},{"x":"Tue","y":68}]}]'
+></lumen-line-chart>
+```
+
+`lumen-sparkline` also accepts comma-separated or JSON `values`. Bar, line, and pie charts include
+a revealable semantic table unless `show-table="false"` is set. `lumen-pie-chart` uses the first
+serialized series and defaults to `variant="donut"`.
+
 ## Optimized images
 
 Image optimization belongs to the host framework or CDN. Keep its generated `picture`, `srcset`,
@@ -90,7 +132,7 @@ Astro runtime's data event, validation, calendar grids, OTP segmentation, date r
 text command, context menu, schedule drag/drop, resizable pane sizing, theme export, ARIA,
 keyboard, Escape, dismissal, and toast controller semantics while keeping markup declarative and
 Declarative-Shadow-DOM friendly.
-FileUpload, Tour, Anchor, Transfer, Mentions, Cascader, and TreeSelect also run directly through
+FileUpload, Tour, Anchor, ScrollProgress, Transfer, Mentions, Cascader, and TreeSelect also run directly through
 their registered custom elements; no Astro runtime or host controller is required.
 Rich text controls may provide `data-ui-editor-value` for commands such as `formatBlock` and
 `createLink`; editable surfaces emit `ui:editor-change` with both HTML and plain text, support common

package/dist/define.d.ts

@@ -52,7 +52,7 @@ export declare class LumenElement extends HTMLElement {
 export declare const enhanceLumenElements: (scope?: ParentNode) => void;
 export declare const defineLumenElements: (customElementsRegistry?: CustomElementRegistry | undefined) => void;
 export declare const installLumenControllers: () => void;
-export declare const lumenElementDefinitions: (readonly ["lumen-accordion" | "lumen-alert" | "lumen-alert-dialog" | "lumen-agenda" | "lumen-aspect-ratio" | "lumen-attachment" | "lumen-autocomplete" | "lumen-avatar" | "lumen-back-to-top" | "lumen-badge" | "lumen-breadcrumb" | "lumen-bubble" | "lumen-button" | "lumen-button-group" | "lumen-calendar" | "lumen-callout" | "lumen-card" | "lumen-carousel" | "lumen-chart" | "lumen-checkbox" | "lumen-collapsible" | "lumen-code" | "lumen-combobox" | "lumen-command" | "lumen-color-picker" | "lumen-context-menu" | "lumen-data-table" | "lumen-date-picker" | "lumen-date-range-picker" | "lumen-dialog" | "lumen-direction" | "lumen-drawer" | "lumen-dropdown-menu" | "lumen-empty" | "lumen-eyebrow" | "lumen-field" | "lumen-floating-badge" | "lumen-formatted-date" | "lumen-hover-card" | "lumen-icon" | "lumen-image" | "lumen-input" | "lumen-input-group" | "lumen-input-otp" | "lumen-number-field" | "lumen-item" | "lumen-kbd" | "lumen-label" | "lumen-link" | "lumen-marker" | "lumen-menubar" | "lumen-message" | "lumen-message-scroller" | "lumen-native-select" | "lumen-navigation-menu" | "lumen-pagination" | "lumen-phone-input" | "lumen-pill" | "lumen-popover" | "lumen-progress" | "lumen-prose" | "lumen-radio-group" | "lumen-resizable" | "lumen-rich-text-editor" | "lumen-scroll-area" | "lumen-schedule" | "lumen-search-field" | "lumen-select" | "lumen-separator" | "lumen-sheet" | "lumen-sidebar" | "lumen-skeleton" | "lumen-skip-link" | "lumen-slider" | "lumen-sonner" | "lumen-spinner" | "lumen-switch" | "lumen-table" | "lumen-tabs" | "lumen-tag-group" | "lumen-textarea" | "lumen-theme-builder" | "lumen-theme-toggle" | "lumen-time-field" | "lumen-toast" | "lumen-toggle" | "lumen-toggle-group" | "lumen-tooltip" | "lumen-tree" | "lumen-tree-grid" | "lumen-typography" | "lumen-virtual-list" | "lumen-language-toggle" | "lumen-particles" | "lumen-animated-number" | "lumen-reveal-group" | "lumen-scroll-reveal" | "lumen-stat" | "lumen-meter" | "lumen-note" | "lumen-rating" | "lumen-timeline" | "lumen-animated-logo" | "lumen-animated-portrait" | "lumen-button-link" | "lumen-cover-image" | "lumen-gradient-divider" | "lumen-stepper" | "lumen-file-upload" | "lumen-tour" | "lumen-anchor" | "lumen-segmented" | "lumen-toolbar" | "lumen-descriptions" | "lumen-popconfirm" | "lumen-transfer" | "lumen-cascader" | "lumen-tree-select" | "lumen-mentions" | "lumen-qr-code" | "lumen-watermark" | "lumen-affix" | "lumen-speed-dial", typeof LumenElement])[];
+export declare const lumenElementDefinitions: (readonly ["lumen-accordion" | "lumen-alert" | "lumen-alert-dialog" | "lumen-agenda" | "lumen-aspect-ratio" | "lumen-attachment" | "lumen-autocomplete" | "lumen-avatar" | "lumen-back-to-top" | "lumen-badge" | "lumen-bar-chart" | "lumen-breadcrumb" | "lumen-bubble" | "lumen-button" | "lumen-button-group" | "lumen-calendar" | "lumen-callout" | "lumen-card" | "lumen-carousel" | "lumen-chart" | "lumen-checkbox" | "lumen-collapsible" | "lumen-code" | "lumen-code-tabs" | "lumen-combobox" | "lumen-command" | "lumen-color-picker" | "lumen-context-menu" | "lumen-data-table" | "lumen-date-picker" | "lumen-date-range-picker" | "lumen-dialog" | "lumen-direction" | "lumen-drawer" | "lumen-dropdown-menu" | "lumen-empty" | "lumen-eyebrow" | "lumen-field" | "lumen-floating-badge" | "lumen-formatted-date" | "lumen-hover-card" | "lumen-icon" | "lumen-image" | "lumen-input" | "lumen-input-group" | "lumen-input-otp" | "lumen-number-field" | "lumen-item" | "lumen-kbd" | "lumen-label" | "lumen-link" | "lumen-line-chart" | "lumen-marker" | "lumen-menubar" | "lumen-pie-chart" | "lumen-message" | "lumen-message-scroller" | "lumen-native-select" | "lumen-navigation-menu" | "lumen-pagination" | "lumen-phone-input" | "lumen-pill" | "lumen-popover" | "lumen-progress" | "lumen-prose" | "lumen-radio-group" | "lumen-resizable" | "lumen-rich-text-editor" | "lumen-scroll-area" | "lumen-scroll-progress" | "lumen-schedule" | "lumen-search-field" | "lumen-select" | "lumen-separator" | "lumen-sheet" | "lumen-sidebar" | "lumen-skeleton" | "lumen-skip-link" | "lumen-slider" | "lumen-sonner" | "lumen-sparkline" | "lumen-spinner" | "lumen-switch" | "lumen-table" | "lumen-tabs" | "lumen-tag-group" | "lumen-textarea" | "lumen-theme-builder" | "lumen-theme-toggle" | "lumen-time-field" | "lumen-toast" | "lumen-toggle" | "lumen-toggle-group" | "lumen-tooltip" | "lumen-tree" | "lumen-tree-grid" | "lumen-typography" | "lumen-virtual-list" | "lumen-language-toggle" | "lumen-particles" | "lumen-animated-number" | "lumen-reveal-group" | "lumen-scroll-reveal" | "lumen-stat" | "lumen-meter" | "lumen-note" | "lumen-rating" | "lumen-timeline" | "lumen-animated-logo" | "lumen-animated-portrait" | "lumen-button-link" | "lumen-cover-image" | "lumen-gradient-divider" | "lumen-stepper" | "lumen-file-upload" | "lumen-tour" | "lumen-anchor" | "lumen-segmented" | "lumen-toolbar" | "lumen-descriptions" | "lumen-popconfirm" | "lumen-transfer" | "lumen-cascader" | "lumen-tree-select" | "lumen-mentions" | "lumen-qr-code" | "lumen-watermark" | "lumen-affix" | "lumen-speed-dial", typeof LumenElement])[];
 export declare const LumenAccordionElement: typeof LumenElement;
 export declare const LumenAlertElement: typeof LumenElement;
 export declare const LumenAlertDialogElement: typeof LumenElement;
@@ -62,6 +62,7 @@ export declare const LumenAttachmentElement: typeof LumenElement;
 export declare const LumenAutocompleteElement: typeof LumenElement;
 export declare const LumenAvatarElement: typeof LumenElement;
 export declare const LumenBadgeElement: typeof LumenElement;
+export declare const LumenBarChartElement: typeof LumenElement;
 export declare const LumenBreadcrumbElement: typeof LumenElement;
 export declare const LumenBubbleElement: typeof LumenElement;
 export declare const LumenButtonElement: typeof LumenElement;
@@ -73,6 +74,7 @@ export declare const LumenChartElement: typeof LumenElement;
 export declare const LumenCheckboxElement: typeof LumenElement;
 export declare const LumenCollapsibleElement: typeof LumenElement;
 export declare const LumenCodeElement: typeof LumenElement;
+export declare const LumenCodeTabsElement: typeof LumenElement;
 export declare const LumenComboboxElement: typeof LumenElement;
 export declare const LumenCommandElement: typeof LumenElement;
 export declare const LumenColorPickerElement: typeof LumenElement;
@@ -95,6 +97,7 @@ export declare const LumenNumberFieldElement: typeof LumenElement;
 export declare const LumenItemElement: typeof LumenElement;
 export declare const LumenKbdElement: typeof LumenElement;
 export declare const LumenLabelElement: typeof LumenElement;
+export declare const LumenLineChartElement: typeof LumenElement;
 export declare const LumenMarkerElement: typeof LumenElement;
 export declare const LumenMenubarElement: typeof LumenElement;
 export declare const LumenMessageElement: typeof LumenElement;
@@ -103,12 +106,14 @@ export declare const LumenNativeSelectElement: typeof LumenElement;
 export declare const LumenNavigationMenuElement: typeof LumenElement;
 export declare const LumenPaginationElement: typeof LumenElement;
 export declare const LumenPhoneInputElement: typeof LumenElement;
+export declare const LumenPieChartElement: typeof LumenElement;
 export declare const LumenPopoverElement: typeof LumenElement;
 export declare const LumenProgressElement: typeof LumenElement;
 export declare const LumenRadioGroupElement: typeof LumenElement;
 export declare const LumenResizableElement: typeof LumenElement;
 export declare const LumenRichTextEditorElement: typeof LumenElement;
 export declare const LumenScrollAreaElement: typeof LumenElement;
+export declare const LumenScrollProgressElement: typeof LumenElement;
 export declare const LumenScheduleElement: typeof LumenElement;
 export declare const LumenSearchFieldElement: typeof LumenElement;
 export declare const LumenSelectElement: typeof LumenElement;
@@ -118,6 +123,7 @@ export declare const LumenSidebarElement: typeof LumenElement;
 export declare const LumenSkeletonElement: typeof LumenElement;
 export declare const LumenSliderElement: typeof LumenElement;
 export declare const LumenSonnerElement: typeof LumenElement;
+export declare const LumenSparklineElement: typeof LumenElement;
 export declare const LumenSpinnerElement: typeof LumenElement;
 export declare const LumenSwitchElement: typeof LumenElement;
 export declare const LumenTableElement: typeof LumenElement;

package/dist/define.d.ts.map

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

package/dist/define.js

@@ -1,5 +1,5 @@
 /* eslint-disable complexity, @typescript-eslint/no-non-null-assertion */
-import { coerceThemeBuilderExportFormat, coerceThemeBuilderMode, coerceThemeBuilderScheme, composeClassName, createThemeBuilderTokens, exportThemeBuilderValue, getLumenRichTextShortcut, getVirtualRange, isLumenRichTextToggleCommand, lumenComponentNames, normalizeThemeBuilderHex, parseThemeCss, renderLumenIconSvg, scoreThemeContrast, tuneThemeContrast } from '@santi020k/lumen-core';
+import { alignLumenChartSeries, coerceThemeBuilderExportFormat, coerceThemeBuilderMode, coerceThemeBuilderScheme, composeClassName, createLumenBarGeometry, createLumenLineGeometry, createLumenPieGeometry, createThemeBuilderTokens, exportThemeBuilderValue, getLumenChartCategories, getLumenChartDomain, getLumenChartTicks, getLumenRichTextShortcut, getVirtualRange, hasLumenChartData, hasLumenPieData, isLumenRichTextToggleCommand, lumenChartTones, lumenComponentNames, normalizeThemeBuilderHex, parseThemeCss, renderLumenIconSvg, resolveLumenChartTone, scaleLumenChartValue, scoreThemeContrast, tuneThemeContrast } from '@santi020k/lumen-core';
 const registry = new Set();
 const appliedClassNames = new WeakMap();
 const focusableSelector = [
@@ -134,6 +134,13 @@ const elementConfigs = {
         defaults: { variant: 'default' },
         tagName: 'lumen-badge'
     },
+    BarChart: {
+        attributeClasses: glassAttributeClasses('ui-chart--glass'),
+        baseClassName: 'ui-chart ui-bar-chart',
+        defaults: { layout: 'grouped', orientation: 'vertical' },
+        role: 'figure',
+        tagName: 'lumen-bar-chart'
+    },
     Breadcrumb: { baseClassName: 'ui-breadcrumb', defaults: { 'aria-label': 'Breadcrumb' }, tagName: 'lumen-breadcrumb' },
     Bubble: {
         attributeClasses: { from: { user: 'ui-bubble--user' }, ...glassAttributeClasses('ui-bubble--glass') },
@@ -204,6 +211,11 @@ const elementConfigs = {
         defaults: { 'data-code-theme': 'auto', variant: 'inline' },
         tagName: 'lumen-code'
     },
+    CodeTabs: {
+        baseClassName: 'ui-code-tabs',
+        defaults: { 'data-ui-tabs': '' },
+        tagName: 'lumen-code-tabs'
+    },
     Combobox: { baseClassName: 'ui-combobox', defaults: { 'data-ui-combobox': '' }, tagName: 'lumen-combobox' },
     Command: { attributeClasses: glassAttributeClasses('ui-command--glass'), baseClassName: 'ui-command', defaults: { 'data-ui-command': '' }, tagName: 'lumen-command' },
     ColorPicker: { baseClassName: 'ui-color-picker', defaults: { type: 'color' }, tagName: 'lumen-color-picker' },
@@ -227,10 +239,11 @@ const elementConfigs = {
     Dialog: {
         attributeClasses: {
             glass: { strong: 'ui-dialog--glass ui-glass-strong', subtle: 'ui-dialog--glass ui-glass-subtle', true: 'ui-dialog--glass' },
+            layout: { fullscreen: 'ui-dialog--fullscreen' },
             surface: { glass: 'ui-dialog--glass' }
         },
         baseClassName: 'ui-dialog',
-        defaults: { 'data-ui-dialog': '', surface: 'default' },
+        defaults: { 'data-ui-dialog': '', layout: 'centered', surface: 'default' },
         tagName: 'lumen-dialog'
     },
     Direction: { baseClassName: 'ui-direction', defaults: { dir: 'ltr' }, tagName: 'lumen-direction' },
@@ -293,6 +306,12 @@ const elementConfigs = {
     Kbd: { baseClassName: 'ui-kbd', tagName: 'lumen-kbd' },
     Label: { baseClassName: 'ui-label', tagName: 'lumen-label' },
     Link: { attributeClasses: { variant: { inherit: 'ui-link--inherit' } }, baseClassName: 'ui-link', tagName: 'lumen-link' },
+    LineChart: {
+        attributeClasses: glassAttributeClasses('ui-chart--glass'),
+        baseClassName: 'ui-chart ui-line-chart',
+        role: 'figure',
+        tagName: 'lumen-line-chart'
+    },
     Marker: {
         attributeClasses: {
             variant: {
@@ -314,6 +333,19 @@ const elementConfigs = {
         defaults: { 'data-ui-menubar': '', surface: 'default' },
         tagName: 'lumen-menubar'
     },
+    PieChart: {
+        attributeClasses: {
+            ...glassAttributeClasses('ui-chart--glass'),
+            variant: {
+                donut: 'ui-pie-chart--donut',
+                pie: 'ui-pie-chart--pie'
+            }
+        },
+        baseClassName: 'ui-chart ui-pie-chart',
+        defaults: { variant: 'donut' },
+        role: 'figure',
+        tagName: 'lumen-pie-chart'
+    },
     Message: {
         attributeClasses: {
             from: {
@@ -339,7 +371,17 @@ const elementConfigs = {
     },
     Pagination: { baseClassName: 'ui-pagination', defaults: { 'aria-label': 'Pagination' }, tagName: 'lumen-pagination' },
     PhoneInput: { baseClassName: 'ui-phone-input ui-input-group', tagName: 'lumen-phone-input' },
-    Pill: { baseClassName: 'ui-pill', tagName: 'lumen-pill' },
+    Pill: {
+        attributeClasses: {
+            variant: {
+                brand: 'ui-pill--brand',
+                outline: 'ui-pill--outline'
+            }
+        },
+        baseClassName: 'ui-pill',
+        defaults: { variant: 'neutral' },
+        tagName: 'lumen-pill'
+    },
     Popover: {
         attributeClasses: {
             glass: { strong: 'ui-popover--glass ui-glass-strong', subtle: 'ui-popover--glass ui-glass-subtle', true: 'ui-popover--glass' },
@@ -360,6 +402,22 @@ const elementConfigs = {
     },
     RichTextEditor: { attributeClasses: glassAttributeClasses('ui-rich-text-editor--glass'), baseClassName: 'ui-rich-text-editor', defaults: { 'data-ui-rich-text-editor': '' }, tagName: 'lumen-rich-text-editor' },
     ScrollArea: { attributeClasses: glassAttributeClasses('ui-scroll-area--glass'), baseClassName: 'ui-scroll-area', tagName: 'lumen-scroll-area' },
+    ScrollProgress: {
+        attributeClasses: {
+            position: { bottom: 'ui-scroll-progress--bottom' }
+        },
+        baseClassName: 'ui-scroll-progress',
+        defaults: {
+            'aria-label': 'Reading progress',
+            'aria-valuemax': '100',
+            'aria-valuemin': '0',
+            'aria-valuenow': '0',
+            'data-ui-scroll-progress': '',
+            position: 'top',
+            role: 'progressbar'
+        },
+        tagName: 'lumen-scroll-progress'
+    },
     Schedule: { attributeClasses: glassAttributeClasses('ui-schedule--glass'), baseClassName: 'ui-schedule', defaults: { 'data-ui-schedule': '' }, tagName: 'lumen-schedule' },
     SearchField: { baseClassName: 'ui-input ui-search-field', defaults: { type: 'search' }, tagName: 'lumen-search-field' },
     Select: {
@@ -404,6 +462,7 @@ const elementConfigs = {
     SkipLink: { baseClassName: 'ui-skip-link', tagName: 'lumen-skip-link' },
     Slider: { baseClassName: 'ui-slider', defaults: { type: 'range' }, tagName: 'lumen-slider' },
     Sonner: { baseClassName: 'ui-sonner', defaults: { 'data-ui-sonner': '' }, tagName: 'lumen-sonner' },
+    Sparkline: { baseClassName: 'ui-sparkline', tagName: 'lumen-sparkline' },
     Spinner: { baseClassName: 'ui-spinner', tagName: 'lumen-spinner' },
     Switch: { baseClassName: 'ui-switch', defaults: { role: 'switch', type: 'checkbox' }, tagName: 'lumen-switch' },
     Table: { attributeClasses: glassAttributeClasses('ui-table-wrap--glass'), baseClassName: 'ui-table-wrap', tagName: 'lumen-table' },
@@ -491,7 +550,17 @@ const elementConfigs = {
         defaults: { animation: 'fade', duration: 'slow', once: 'true', threshold: '0.15' },
         tagName: 'lumen-scroll-reveal'
     },
-    Stat: { baseClassName: 'ui-stat', tagName: 'lumen-stat' },
+    Stat: {
+        attributeClasses: {
+            variant: {
+                accent: 'ui-stat--accent',
+                glass: 'ui-stat--glass'
+            }
+        },
+        baseClassName: 'ui-stat',
+        defaults: { variant: 'default' },
+        tagName: 'lumen-stat'
+    },
     Meter: { baseClassName: 'ui-meter', tagName: 'lumen-meter' },
     Note: {
         attributeClasses: {
@@ -574,7 +643,11 @@ const elementConfigs = {
 };
 const observedAttributeNames = [
     'animation',
+    'area',
     'border-position',
+    'caption',
+    'center-label',
+    'center-value',
     'decimals',
     'delay',
     'decorative',
@@ -583,21 +656,31 @@ const observedAttributeNames = [
     'duration',
     'from',
     'glass',
+    'heading',
     'hover',
     'label',
     'locale',
+    'layout',
+    'markers',
     'name',
     'orientation',
     'position',
     'prefix',
     'pressed',
+    'reference-value',
+    'series',
     'shape',
+    'show-endpoint',
+    'show-legend',
+    'show-table',
     'size',
     'surface',
     'stagger',
     'suffix',
     'threshold',
+    'tone',
     'value',
+    'values',
     'variant'
 ];
 const hasDocument = () => typeof document !== 'undefined';
@@ -2339,6 +2422,315 @@ export class LumenElement extends HTMLElement {
         appliedClassNames.set(this, classNames);
     }
 }
+const escapeChartHtml = (value) => String(value)
+    .replaceAll('&', '&')
+    .replaceAll('<', '&lt;')
+    .replaceAll('>', '&gt;')
+    .replaceAll('"', '&quot;')
+    .replaceAll("'", '&#39;');
+const chartBooleanAttribute = (element, name, defaultValue) => {
+    if (!element.hasAttribute(name))
+        return defaultValue;
+    return element.getAttribute(name) !== 'false';
+};
+const parseChartSeries = (value) => {
+    if (!value)
+        return [];
+    try {
+        const parsed = JSON.parse(value);
+        if (!Array.isArray(parsed))
+            return [];
+        return parsed.flatMap((candidate, seriesIndex) => {
+            if (typeof candidate !== 'object' ||
+                candidate === null)
+                return [];
+            const record = candidate;
+            if (!Array.isArray(record.data))
+                return [];
+            const candidateData = record.data;
+            const data = candidateData.flatMap(datum => {
+                if (typeof datum !== 'object' ||
+                    datum === null ||
+                    !('x' in datum) ||
+                    !('y' in datum))
+                    return [];
+                const point = datum;
+                if ((typeof point.x !== 'string' && typeof point.x !== 'number') ||
+                    (point.y !== null && (typeof point.y !== 'number' || !Number.isFinite(point.y))))
+                    return [];
+                return [{
+                        ...(typeof point.label === 'string' ? { label: point.label } : {}),
+                        ...(typeof point.tone === 'string' &&
+                            lumenChartTones.includes(point.tone)
+                            ? { tone: point.tone }
+                            : {}),
+                        x: point.x,
+                        y: point.y
+                    }];
+            });
+            const tone = typeof record.tone === 'string' &&
+                lumenChartTones.includes(record.tone)
+                ? record.tone
+                : undefined;
+            return [{
+                    data,
+                    id: typeof record.id === 'string' ? record.id : `series-${seriesIndex + 1}`,
+                    label: typeof record.label === 'string' ? record.label : `Series ${seriesIndex + 1}`,
+                    ...(tone ? { tone } : {})
+                }];
+        });
+    }
+    catch {
+        return [];
+    }
+};
+const chartHeaderHtml = (element) => {
+    const heading = element.getAttribute('heading');
+    const description = element.getAttribute('description');
+    const value = element.getAttribute('value');
+    if (!heading && !description && !value)
+        return '';
+    return `<header><div class="ui-chart__heading">${heading ? `<h3>${escapeChartHtml(heading)}</h3>` : ''}${description ? `<p>${escapeChartHtml(description)}</p>` : ''}</div>${value ? `<strong data-ui-chart-value>${escapeChartHtml(value)}</strong>` : ''}</header>`;
+};
+const chartCaptionHtml = (element) => {
+    const caption = element.getAttribute('caption');
+    return caption ? `<figcaption>${escapeChartHtml(caption)}</figcaption>` : '';
+};
+const chartLegendHtml = (series) => `<ul class="ui-chart__legend" aria-label="Chart legend">${series.map((item, index) => `<li class="ui-chart-tone--${resolveLumenChartTone(item.tone, index)}"><span aria-hidden="true"></span>${escapeChartHtml(item.label)}</li>`).join('')}</ul>`;
+const chartDataTableHtml = (categories, series) => {
+    const headers = series
+        .map(item => `<th scope="col">${escapeChartHtml(item.label)}</th>`)
+        .join('');
+    const rows = categories.map(category => {
+        const cells = series.map(item => {
+            const datum = item.data.find(candidate => candidate.x === category);
+            const value = datum?.label ??
+                (datum?.y === null || datum === undefined ? 'Not available' : String(datum.y));
+            return `<td>${escapeChartHtml(value)}</td>`;
+        }).join('');
+        return `<tr><th scope="row">${escapeChartHtml(category)}</th>${cells}</tr>`;
+    }).join('');
+    return `<details class="ui-chart__data"><summary>View chart data</summary><div><table><thead><tr><th scope="col">Category</th>${headers}</tr></thead><tbody>${rows}</tbody></table></div></details>`;
+};
+const chartPercentage = (percentage) => new Intl.NumberFormat(undefined, {
+    maximumFractionDigits: percentage < 0.01 ? 1 : 0,
+    style: 'percent'
+}).format(percentage);
+class LumenDataChartBehaviorElement extends LumenElement {
+    #series;
+    get series() {
+        return this.#series ?? parseChartSeries(this.getAttribute('series'));
+    }
+    set series(value) {
+        this.#series = value;
+        this.renderChart();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.renderChart();
+    }
+    attributeChangedCallback() {
+        super.attributeChangedCallback();
+        if (this.isConnected)
+            this.renderChart();
+    }
+}
+class LumenSparklineBehaviorElement extends LumenElement {
+    #toneClass;
+    #values;
+    get values() {
+        if (this.#values)
+            return this.#values;
+        const source = this.getAttribute('values');
+        if (!source)
+            return [];
+        try {
+            const parsed = JSON.parse(source);
+            if (Array.isArray(parsed))
+                return parsed.filter((value) => typeof value === 'number' && Number.isFinite(value));
+        }
+        catch {
+            return source
+                .split(',')
+                .map(value => Number(value.trim()))
+                .filter(Number.isFinite);
+        }
+        return [];
+    }
+    set values(value) {
+        this.#values = value;
+        this.renderSparkline();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.renderSparkline();
+    }
+    attributeChangedCallback() {
+        super.attributeChangedCallback();
+        if (this.isConnected)
+            this.renderSparkline();
+    }
+    renderSparkline() {
+        const values = this.values;
+        if (values.length === 0) {
+            const label = this.getAttribute('label') ?? 'No trend data available.';
+            this.setAttribute('aria-label', label);
+            this.setAttribute('role', 'img');
+            this.innerHTML = `<span class="ui-sr-only">${escapeChartHtml(label)}</span>`;
+            return;
+        }
+        const label = this.getAttribute('label') ?? 'Trend';
+        const toneAttribute = this.getAttribute('tone');
+        const tone = resolveLumenChartTone(toneAttribute && lumenChartTones.includes(toneAttribute)
+            ? toneAttribute
+            : undefined);
+        const geometry = createLumenLineGeometry(values.map((value, index) => ({ x: index, y: value })), { height: 40, padding: 3, width: 120 });
+        const area = chartBooleanAttribute(this, 'area', false);
+        const showEndpoint = chartBooleanAttribute(this, 'show-endpoint', true);
+        const endpoint = geometry.points.at(-1);
+        if (this.#toneClass)
+            this.classList.remove(this.#toneClass);
+        this.#toneClass = `ui-chart-tone--${tone}`;
+        this.classList.add(this.#toneClass);
+        this.setAttribute('aria-label', label);
+        this.setAttribute('role', 'img');
+        this.innerHTML = `<svg aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 120 40">${area ? geometry.areaPaths.map(path => `<path class="ui-sparkline__area" d="${path}"></path>`).join('') : ''}<path class="ui-sparkline__line" d="${geometry.path}"></path>${showEndpoint && endpoint ? `<circle class="ui-sparkline__endpoint" cx="${endpoint.xCoordinate}" cy="${endpoint.yCoordinate}" r="2.5"></circle>` : ''}</svg><span class="ui-sr-only">${escapeChartHtml(label)}</span>`;
+    }
+}
+class LumenBarChartBehaviorElement extends LumenDataChartBehaviorElement {
+    renderChart() {
+        const series = this.series;
+        if (!hasLumenChartData(series)) {
+            this.innerHTML = `${chartHeaderHtml(this)}<p class="ui-chart__empty" role="status">No chart data available.</p>${chartCaptionHtml(this)}`;
+            return;
+        }
+        const orientation = this.getAttribute('orientation') === 'horizontal'
+            ? 'horizontal'
+            : 'vertical';
+        const layout = this.getAttribute('layout') === 'stacked' ? 'stacked' : 'grouped';
+        const geometry = createLumenBarGeometry(series, { layout, orientation });
+        const ticks = getLumenChartTicks(geometry.domain);
+        const margin = orientation === 'horizontal'
+            ? { bottom: 24, left: 112, right: 20, top: 16 }
+            : { bottom: 52, left: 52, right: 16, top: 16 };
+        const grid = ticks.map(tick => {
+            const coordinate = orientation === 'horizontal'
+                ? scaleLumenChartValue(tick, geometry.domain, margin.left, geometry.width - margin.right)
+                : scaleLumenChartValue(tick, geometry.domain, geometry.height - margin.bottom, margin.top);
+            return orientation === 'horizontal'
+                ? `<line x1="${coordinate}" x2="${coordinate}" y1="${margin.top}" y2="${geometry.height - margin.bottom}"></line>`
+                : `<line x1="${margin.left}" x2="${geometry.width - margin.right}" y1="${coordinate}" y2="${coordinate}"></line>`;
+        }).join('');
+        const labels = geometry.categories.map(category => `<text dominant-baseline="${orientation === 'horizontal' ? 'middle' : 'auto'}" text-anchor="${orientation === 'horizontal' ? 'end' : 'middle'}" x="${category.x}" y="${category.y}">${escapeChartHtml(category.label)}</text>`).join('');
+        const marks = geometry.marks.map(mark => `<rect class="ui-chart-tone--${mark.tone}" height="${mark.height}" rx="4" width="${mark.width}" x="${mark.x}" y="${mark.y}"><title>${escapeChartHtml(`${String(mark.category)} · ${mark.seriesLabel}: ${mark.value}`)}</title></rect>`).join('');
+        const showLegend = chartBooleanAttribute(this, 'show-legend', series.length > 1);
+        const showTable = chartBooleanAttribute(this, 'show-table', true);
+        const categories = geometry.categories.map(category => category.label);
+        this.innerHTML = `${chartHeaderHtml(this)}${showLegend ? chartLegendHtml(series) : ''}<div class="ui-chart__plot"><svg aria-hidden="true" preserveAspectRatio="xMidYMid meet" viewBox="0 0 ${geometry.width} ${geometry.height}"><g class="ui-chart__grid">${grid}</g><g class="ui-chart__axis-labels">${labels}</g><g class="ui-bar-chart__marks">${marks}</g></svg></div>${showTable ? chartDataTableHtml(categories, series) : ''}${chartCaptionHtml(this)}`;
+    }
+}
+class LumenLineChartBehaviorElement extends LumenDataChartBehaviorElement {
+    renderChart() {
+        const series = this.series;
+        if (!hasLumenChartData(series)) {
+            this.innerHTML = `${chartHeaderHtml(this)}<p class="ui-chart__empty" role="status">No chart data available.</p>${chartCaptionHtml(this)}`;
+            return;
+        }
+        const width = 640;
+        const height = 320;
+        const padding = 44;
+        const categories = getLumenChartCategories(series);
+        const alignedSeries = series.map(item => alignLumenChartSeries(item, categories));
+        const referenceAttribute = this.getAttribute('reference-value');
+        const parsedReference = referenceAttribute === null ? undefined : Number(referenceAttribute);
+        const referenceValue = parsedReference !== undefined && Number.isFinite(parsedReference)
+            ? parsedReference
+            : undefined;
+        const domain = getLumenChartDomain([
+            ...alignedSeries.flatMap(item => item.data.map(datum => datum.y)),
+            referenceValue ?? null
+        ], false);
+        const geometries = alignedSeries.map(item => createLumenLineGeometry(item.data, {
+            domain,
+            height,
+            includeZero: false,
+            padding,
+            width
+        }));
+        const ticks = getLumenChartTicks(domain);
+        const labelStep = Math.max(1, Math.ceil(categories.length / 8));
+        const grid = ticks.map(tick => {
+            const y = scaleLumenChartValue(tick, domain, height - padding, padding);
+            return `<line x1="${padding}" x2="${width - padding}" y1="${y}" y2="${y}"></line><text x="${padding - 8}" y="${y}">${Number(tick.toPrecision(4))}</text>`;
+        }).join('');
+        const labels = categories.map((category, index) => {
+            if (index % labelStep !== 0 && index !== categories.length - 1)
+                return '';
+            const denominator = Math.max(1, categories.length - 1);
+            const x = padding + (index / denominator) * (width - padding * 2);
+            return `<text text-anchor="middle" x="${x}" y="${height - 14}">${escapeChartHtml(category)}</text>`;
+        }).join('');
+        const area = chartBooleanAttribute(this, 'area', false);
+        const markers = chartBooleanAttribute(this, 'markers', true);
+        const paths = geometries.map((geometry, index) => {
+            const item = series[index];
+            if (!item)
+                return '';
+            const tone = resolveLumenChartTone(item.tone, index);
+            const areaPaths = area
+                ? geometry.areaPaths.map(path => `<path class="ui-line-chart__area" d="${path}"></path>`).join('')
+                : '';
+            const points = markers
+                ? geometry.points.map(point => `<circle class="ui-line-chart__point" cx="${point.xCoordinate}" cy="${point.yCoordinate}" r="3"><title>${escapeChartHtml(`${point.label ?? String(point.x)} · ${item.label}: ${String(point.y)}`)}</title></circle>`).join('')
+                : '';
+            return `<g class="ui-line-chart__series ui-chart-tone--${tone}">${areaPaths}<path class="ui-line-chart__line" d="${geometry.path}"></path>${points}</g>`;
+        }).join('');
+        const reference = referenceValue === undefined
+            ? ''
+            : `<line class="ui-chart__reference" x1="${padding}" x2="${width - padding}" y1="${scaleLumenChartValue(referenceValue, domain, height - padding, padding)}" y2="${scaleLumenChartValue(referenceValue, domain, height - padding, padding)}"></line>`;
+        const showLegend = chartBooleanAttribute(this, 'show-legend', series.length > 1);
+        const showTable = chartBooleanAttribute(this, 'show-table', true);
+        this.innerHTML = `${chartHeaderHtml(this)}${showLegend ? chartLegendHtml(series) : ''}<div class="ui-chart__plot"><svg aria-hidden="true" preserveAspectRatio="xMidYMid meet" viewBox="0 0 ${width} ${height}"><g class="ui-chart__grid">${grid}</g><g class="ui-chart__axis-labels">${labels}</g>${reference}${paths}</svg></div>${showTable ? chartDataTableHtml(categories, series) : ''}${chartCaptionHtml(this)}`;
+    }
+}
+class LumenPieChartBehaviorElement extends LumenDataChartBehaviorElement {
+    #valueFormatter;
+    get valueFormatter() {
+        return this.#valueFormatter ?? String;
+    }
+    set valueFormatter(value) {
+        this.#valueFormatter = value;
+        this.renderChart();
+    }
+    renderChart() {
+        const series = this.series[0];
+        if (!series || !hasLumenPieData(series.data)) {
+            this.innerHTML = `${chartHeaderHtml(this)}<p class="ui-chart__empty" role="status">No chart data available.</p>${chartCaptionHtml(this)}`;
+            return;
+        }
+        const variant = this.getAttribute('variant') === 'pie' ? 'pie' : 'donut';
+        const geometry = createLumenPieGeometry(series.data, { variant });
+        const showLegend = chartBooleanAttribute(this, 'show-legend', true);
+        const showTable = chartBooleanAttribute(this, 'show-table', true);
+        const legend = showLegend
+            ? `<ul class="ui-chart__legend" aria-label="Chart legend">${geometry.slices.map(slice => `<li class="ui-chart-tone--${slice.tone}"><span aria-hidden="true"></span>${escapeChartHtml(slice.label)}</li>`).join('')}</ul>`
+            : '';
+        const slices = geometry.slices.map(slice => `<path class="ui-chart-tone--${slice.tone}" d="${slice.path}" fill-rule="evenodd"><title>${escapeChartHtml(`${slice.label}: ${this.valueFormatter(slice.value)} (${chartPercentage(slice.percentage)})`)}</title></path>`).join('');
+        const centerLabel = this.getAttribute('center-label');
+        const centerValue = this.getAttribute('center-value');
+        const center = variant === 'donut' && (centerLabel || centerValue)
+            ? `<div class="ui-pie-chart__center" aria-hidden="true">${centerValue ? `<strong>${escapeChartHtml(centerValue)}</strong>` : ''}${centerLabel ? `<span>${escapeChartHtml(centerLabel)}</span>` : ''}</div>`
+            : '';
+        const table = showTable
+            ? this.pieDataTable(geometry.slices)
+            : '';
+        this.innerHTML = `${chartHeaderHtml(this)}${legend}<div class="ui-chart__plot ui-pie-chart__plot"><svg aria-hidden="true" preserveAspectRatio="xMidYMid meet" viewBox="0 0 ${geometry.size} ${geometry.size}"><g class="ui-pie-chart__slices">${slices}</g></svg>${center}</div>${table}${chartCaptionHtml(this)}`;
+    }
+    pieDataTable(slices) {
+        const rows = slices.map(slice => `<tr><th scope="row">${escapeChartHtml(slice.label)}</th><td>${escapeChartHtml(this.valueFormatter(slice.value))}</td><td>${escapeChartHtml(chartPercentage(slice.percentage))}</td></tr>`).join('');
+        return `<details class="ui-chart__data"><summary>View chart data</summary><div><table><thead><tr><th scope="col">Category</th><th scope="col">Value</th><th scope="col">Share</th></tr></thead><tbody>${rows}</tbody></table></div></details>`;
+    }
+}
 class LumenIconBehaviorElement extends LumenElement {
     connectedCallback() {
         super.connectedCallback();
@@ -3568,6 +3960,57 @@ class LumenAnchorBehaviorElement extends LumenElement {
         this.observer = undefined;
     }
 }
+class LumenScrollProgressBehaviorElement extends LumenElement {
+    abortController;
+    frame = 0;
+    update = () => {
+        this.frame = 0;
+        const scrollingElement = document.scrollingElement ?? document.documentElement;
+        const maximum = scrollingElement.scrollHeight - scrollingElement.clientHeight;
+        const percentage = maximum > 0
+            ? Math.min(100, Math.max(0, (scrollingElement.scrollTop / maximum) * 100))
+            : 0;
+        let bar = this.querySelector('.ui-scroll-progress__bar');
+        if (!bar) {
+            bar = document.createElement('span');
+            bar.className = 'ui-scroll-progress__bar';
+            this.append(bar);
+        }
+        this.setAttribute('aria-valuenow', `${Math.round(percentage)}`);
+        bar.style.transform = `scaleX(${percentage / 100})`;
+    };
+    scheduleUpdate = () => {
+        if (this.frame)
+            return;
+        if (typeof requestAnimationFrame === 'undefined') {
+            this.update();
+            return;
+        }
+        this.frame = requestAnimationFrame(this.update);
+    };
+    connectedCallback() {
+        super.connectedCallback();
+        this.abortController?.abort();
+        this.abortController = new AbortController();
+        window.addEventListener('resize', this.scheduleUpdate, {
+            passive: true,
+            signal: this.abortController.signal
+        });
+        window.addEventListener('scroll', this.scheduleUpdate, {
+            passive: true,
+            signal: this.abortController.signal
+        });
+        this.update();
+    }
+    disconnectedCallback() {
+        this.abortController?.abort();
+        this.abortController = undefined;
+        if (this.frame && typeof cancelAnimationFrame !== 'undefined') {
+            cancelAnimationFrame(this.frame);
+        }
+        this.frame = 0;
+    }
+}
 class LumenTourBehaviorElement extends LumenElement {
     abortController;
     opener = null;
@@ -3937,30 +4380,33 @@ class LumenParticlesBehaviorElement extends LumenElement {
             return;
         if (window.matchMedia('(prefers-reduced-motion: reduce)').matches)
             return;
-        if (this.children.length > 0)
+        if (this.hasAttribute('data-ui-particles-initialized'))
             return;
+        this.setAttribute('data-ui-particles-initialized', '');
         const densityConfig = { low: 15, medium: 25, high: 40 };
+        const particleTones = [
+            'var(--brand)',
+            'var(--accent)',
+            'var(--glow, var(--brand))'
+        ];
         const density = (this.getAttribute('data-ui-particles') || 'medium');
         const count = densityConfig[density];
         for (let i = 0; i < count; i++) {
-            const el = document.createElement('div');
+            const particle = document.createElement('span');
             const size = Math.random() * 12 + 8;
-            const left = Math.random() * 100;
-            const top = Math.random() * 100;
-            const delay = Math.random() * 8;
-            const duration = 20 + Math.random() * 15;
-            el.style.cssText = `
-        position: absolute;
-        left: ${left}%;
-        top: ${top}%;
-        width: ${size}px;
-        height: ${size}px;
-        border-radius: 50%;
-        background: var(--ui-surface-strong, currentColor);
-        opacity: 0.1;
-        animation: ui-particle-drift ${duration}s ease-in-out ${delay}s infinite;
-      `;
-            this.appendChild(el);
+            particle.className = 'ui-particles__particle';
+            const particleStyles = {
+                '--ui-particle-delay': `${Math.random() * 8}s`,
+                '--ui-particle-duration': `${20 + Math.random() * 15}s`,
+                '--ui-particle-left': `${Math.random() * 100}%`,
+                '--ui-particle-size': `${size}px`,
+                '--ui-particle-tone': particleTones[Math.floor(Math.random() * particleTones.length)] ?? 'var(--brand)',
+                '--ui-particle-top': `${Math.random() * 100}%`
+            };
+            for (const [property, value] of Object.entries(particleStyles)) {
+                particle.style.setProperty(property, value);
+            }
+            this.appendChild(particle);
         }
     }
 }
@@ -4181,21 +4627,27 @@ const behaviorElementClasses = {
     Anchor: LumenAnchorBehaviorElement,
     AnimatedNumber: LumenAnimatedNumberBehaviorElement,
     BackToTop: LumenBackToTopBehaviorElement,
+    BarChart: LumenBarChartBehaviorElement,
     Cascader: LumenCascaderBehaviorElement,
+    CodeTabs: LumenTabsBehaviorElement,
     DataTable: LumenDataTableBehaviorElement,
     Dialog: LumenDialogBehaviorElement,
     DropdownMenu: LumenDisclosureBehaviorElement,
     FileUpload: LumenFileUploadBehaviorElement,
     Icon: LumenIconBehaviorElement,
     LanguageToggle: LumenLanguageToggleBehaviorElement,
+    LineChart: LumenLineChartBehaviorElement,
     Mentions: LumenMentionsBehaviorElement,
     Particles: LumenParticlesBehaviorElement,
+    PieChart: LumenPieChartBehaviorElement,
     Popover: LumenDisclosureBehaviorElement,
     Rating: LumenRatingBehaviorElement,
     RevealGroup: LumenRevealGroupBehaviorElement,
+    ScrollProgress: LumenScrollProgressBehaviorElement,
     ScrollReveal: LumenScrollRevealBehaviorElement,
     Select: LumenSelectBehaviorElement,
     Sonner: LumenSonnerBehaviorElement,
+    Sparkline: LumenSparklineBehaviorElement,
     Tabs: LumenTabsBehaviorElement,
     ThemeBuilder: LumenThemeBuilderBehaviorElement,
     ThemeToggle: LumenThemeToggleBehaviorElement,
@@ -4261,6 +4713,7 @@ export const LumenAttachmentElement = elementClasses.Attachment;
 export const LumenAutocompleteElement = elementClasses.Autocomplete;
 export const LumenAvatarElement = elementClasses.Avatar;
 export const LumenBadgeElement = elementClasses.Badge;
+export const LumenBarChartElement = elementClasses.BarChart;
 export const LumenBreadcrumbElement = elementClasses.Breadcrumb;
 export const LumenBubbleElement = elementClasses.Bubble;
 export const LumenButtonElement = elementClasses.Button;
@@ -4272,6 +4725,7 @@ export const LumenChartElement = elementClasses.Chart;
 export const LumenCheckboxElement = elementClasses.Checkbox;
 export const LumenCollapsibleElement = elementClasses.Collapsible;
 export const LumenCodeElement = elementClasses.Code;
+export const LumenCodeTabsElement = elementClasses.CodeTabs;
 export const LumenComboboxElement = elementClasses.Combobox;
 export const LumenCommandElement = elementClasses.Command;
 export const LumenColorPickerElement = elementClasses.ColorPicker;
@@ -4294,6 +4748,7 @@ export const LumenNumberFieldElement = elementClasses.NumberField;
 export const LumenItemElement = elementClasses.Item;
 export const LumenKbdElement = elementClasses.Kbd;
 export const LumenLabelElement = elementClasses.Label;
+export const LumenLineChartElement = elementClasses.LineChart;
 export const LumenMarkerElement = elementClasses.Marker;
 export const LumenMenubarElement = elementClasses.Menubar;
 export const LumenMessageElement = elementClasses.Message;
@@ -4302,12 +4757,14 @@ export const LumenNativeSelectElement = elementClasses.NativeSelect;
 export const LumenNavigationMenuElement = elementClasses.NavigationMenu;
 export const LumenPaginationElement = elementClasses.Pagination;
 export const LumenPhoneInputElement = elementClasses.PhoneInput;
+export const LumenPieChartElement = elementClasses.PieChart;
 export const LumenPopoverElement = elementClasses.Popover;
 export const LumenProgressElement = elementClasses.Progress;
 export const LumenRadioGroupElement = elementClasses.RadioGroup;
 export const LumenResizableElement = elementClasses.Resizable;
 export const LumenRichTextEditorElement = elementClasses.RichTextEditor;
 export const LumenScrollAreaElement = elementClasses.ScrollArea;
+export const LumenScrollProgressElement = elementClasses.ScrollProgress;
 export const LumenScheduleElement = elementClasses.Schedule;
 export const LumenSearchFieldElement = elementClasses.SearchField;
 export const LumenSelectElement = elementClasses.Select;
@@ -4317,6 +4774,7 @@ export const LumenSidebarElement = elementClasses.Sidebar;
 export const LumenSkeletonElement = elementClasses.Skeleton;
 export const LumenSliderElement = elementClasses.Slider;
 export const LumenSonnerElement = elementClasses.Sonner;
+export const LumenSparklineElement = elementClasses.Sparkline;
 export const LumenSpinnerElement = elementClasses.Spinner;
 export const LumenSwitchElement = elementClasses.Switch;
 export const LumenTableElement = elementClasses.Table;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@santi020k/lumen-elements",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "publishConfig": {
     "access": "public"
   },
@@ -35,8 +35,8 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@santi020k/lumen": "^0.2.0",
-    "@santi020k/lumen-core": "^0.2.0"
+    "@santi020k/lumen": "^0.4.0",
+    "@santi020k/lumen-core": "^0.4.0"
   },
   "devDependencies": {
     "@vitest/coverage-v8": "^4.1.10",