vira 31.9.0 → 31.9.2

package/dist/elements/pop-up/vira-menu-item.element.js

@@ -122,12 +122,25 @@ export const ViraMenuItem = defineViraElement()({
                     event.stopPropagation();
                     propagating[event.type] = true;
                     if (event.type === 'click') {
-                        /**
-                         * Use `.click()` instead of dispatching a synthetic MouseEvent so that
-                         * the resulting event is trusted and carries user activation. This is
-                         * required for APIs like `showPicker()` on `<select>` elements.
-                         */
-                        element.click();
+                        const hasModifiers = event instanceof MouseEvent &&
+                            (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey);
+                        if (hasModifiers) {
+                            /**
+                             * If modifier keys are present, dispatch a synthetic MouseEvent so
+                             * that the modifier keys are preserved. This is needed so that
+                             * cmd+click opens links in a new tab.
+                             */
+                            element.dispatchEvent(new MouseEvent('click', event));
+                        }
+                        else {
+                            /**
+                             * Use `.click()` instead of dispatching a synthetic MouseEvent so
+                             * that the resulting event is trusted and carries user activation.
+                             * This is required for APIs like `showPicker()` on `<select>`
+                             * elements.
+                             */
+                            element.click();
+                        }
                     }
                     else {
                         element.dispatchEvent(new MouseEvent(event.type, event));

package/dist/icons/lucide-icons.d.ts

@@ -6,16 +6,10 @@ import { type ViraIconSvg } from './icon-svg.js';
  * @category Internal
  */
 export type LucideIconKey = keyof typeof lucideStaticImport;
-/**
- * An entry in {@link lucideIcons}.
- *
- * @category Internal
- */
-export type LucideIconEntry = ViraIconSvg & ((options: Readonly<Record<string, string | number>>) => ViraIconSvg);
 /**
  * All [Lucide icons](https://lucide.dev) in a format compatible with `ViraIcon`. Each icon entry
- * can be accessed directly or customized by calling it as a function.
+ * can be accessed directly as a {@link ViraIconSvg}.
  *
  * @category Icon
  */
-export declare const lucideIcons: Readonly<Record<LucideIconKey, LucideIconEntry>>;
+export declare const lucideIcons: Readonly<Record<LucideIconKey, ViraIconSvg>>;

package/dist/icons/lucide-icons.js

@@ -14,7 +14,7 @@ function setSvgAttribute(svgString, attributeName, value) {
         : svgString.replace(/<svg\b/, `<svg ${attributeName}="${value}"`);
 }
 function applySvgAttributes(svgString, attributes) {
-    return Object.entries(attributes).reduce((result, [key, value,]) => setSvgAttribute(result, key, String(value)), svgString);
+    return Object.entries(attributes).reduce((result, [key, value,]) => setSvgAttribute(result, key, value), svgString);
 }
 function isLucideIconKey(key) {
     return key in lucideStaticImport;
@@ -27,33 +27,17 @@ function getLucideIconSvg(key) {
     return svg;
 }
 function createLucideIconEntry(iconKey) {
-    const svgString = getLucideIconSvg(iconKey);
-    const configureIconCallback = (options) => {
-        return {
-            name: iconKey,
-            svgTemplate: html `
-                ${unsafeHTML(applySvgAttributes(svgString, {
-                ...defaultLucideAttributes,
-                ...options,
-            }))}
-            `,
-        };
-    };
-    Object.defineProperty(configureIconCallback, 'name', {
-        value: iconKey,
-        writable: false,
-        configurable: true,
-    });
-    return Object.assign(configureIconCallback, {
+    return {
+        name: iconKey,
         svgTemplate: html `
-            ${unsafeHTML(applySvgAttributes(svgString, defaultLucideAttributes))}
+            ${unsafeHTML(applySvgAttributes(getLucideIconSvg(iconKey), defaultLucideAttributes))}
         `,
-    });
+    };
 }
 const lucideIconCache = new Map();
 /**
  * All [Lucide icons](https://lucide.dev) in a format compatible with `ViraIcon`. Each icon entry
- * can be accessed directly or customized by calling it as a function.
+ * can be accessed directly as a {@link ViraIconSvg}.
  *
  * @category Icon
  */

package/dist/styles/form-variants.js

@@ -35,7 +35,7 @@ export var ViraColorVariant;
  * @category Internal
  */
 export const viraColorVariantToColorName = {
-    [ViraColorVariant.Accent]: ViraThemeColorName.blue,
+    [ViraColorVariant.Accent]: ViraThemeColorName.accent,
     [ViraColorVariant.Neutral]: ViraThemeColorName.grey,
     [ViraColorVariant.Danger]: ViraThemeColorName.red,
     [ViraColorVariant.Warning]: ViraThemeColorName.yellow,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "31.9.0",
+    "version": "31.9.2",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",