vira 29.3.2 → 29.5.0

package/dist/elements/pop-up/pop-up-menu-item.d.ts

@@ -19,6 +19,11 @@ export type MenuItem = {
      */
     label: string | HTMLTemplateResult;
 } & PartialWithUndefined<{
+    /**
+     * If set to `true`, the default hover styles aren't applied to the menu item. This is best used
+     * with a template `label` (rather than a plain string).
+     */
+    disableDefaultPointerStyles: boolean;
     route: ViraLinkRoute;
     disabled: boolean;
     /** Text assigned to the `title` HTML attribute that'll show on long hover. */

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

@@ -54,20 +54,26 @@ export const ViraMenu = defineViraElement()({
             will-change: background-color;
             background-color: inherit;
             outline: none;
-            cursor: pointer;
+
+            &.default-pointer-styles {
+                cursor: pointer;
+            }
+            &.no-default-pointer-styles {
+                cursor: auto !important;
+            }
         }
 
         ${navAttribute.css({
-        baseSelector: '.menu-item:not(.disabled):not(.selected)',
+        baseSelector: '.menu-item.default-pointer-styles:not(.disabled):not(.selected)',
         navValue: NavValue.Focused,
-    })}, .menu-item:not(.disabled):not(.selected):hover {
+    })}, .menu-item.default-pointer-styles:not(.disabled):not(.selected):hover {
             background-color: ${viraFormCssVars['vira-form-selection-hover-color'].value};
             outline: none;
         }
         ${navAttribute.css({
-        baseSelector: '.menu-item:not(.disabled):not(.selected)',
+        baseSelector: '.menu-item.default-pointer-styles:not(.disabled):not(.selected)',
         navValue: NavValue.Active,
-    })}, .menu-item:not(.disabled):not(.selected):active {
+    })}, .menu-item.default-pointer-styles:not(.disabled):not(.selected):active {
             background-color: ${viraFormCssVars['vira-form-selection-active-color'].value};
             outline: none;
         }
@@ -147,6 +153,8 @@ export const ViraMenu = defineViraElement()({
                         class="menu-item ${classMap({
                     disabled: !!item.disabled,
                     selected,
+                    'default-pointer-styles': !item.disableDefaultPointerStyles,
+                    'no-default-pointer-styles': !!item.disableDefaultPointerStyles,
                 })}"
                         ${testId(viraMenuTestIds.item)}
                         title=${ifDefined(item.titleText || undefined)}

package/dist/elements/shared-text-input-logic.d.ts

@@ -35,7 +35,7 @@ export type SharedTextInputElementInputs = {
  * @category Internal
  */
 export type IsAllowedInputs = {
-    value: string;
+    value: string | number;
     allowed: string | RegExp | undefined;
     blocked: string | RegExp | undefined;
 };

package/dist/elements/shared-text-input-logic.js

@@ -14,7 +14,8 @@ function doesMatch({ input, matcher }) {
         return matcher.includes(input);
     }
 }
-function isAllowed({ value, allowed, blocked }) {
+function isAllowed({ value: rawValue, allowed, blocked }) {
+    const value = String(rawValue);
     const isAllowedCharacter = allowed
         ? doesMatch({
             input: value,
@@ -35,10 +36,11 @@ function isAllowed({ value, allowed, blocked }) {
  * @category Internal
  */
 export function filterTextInputValue(inputs) {
+    const value = String(inputs.value);
     if (!inputs.value) {
-        return { filtered: inputs.value, blocked: '' };
+        return { filtered: value, blocked: '' };
     }
-    const { filtered, blocked } = inputs.value.split('').reduce((accum, letter) => {
+    const { filtered, blocked } = value.split('').reduce((accum, letter) => {
         const allowed = isAllowed({ ...inputs, value: letter });
         if (allowed) {
             accum.filtered.push(letter);

package/dist/icons/icon-svgs/arrow-up-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * An arrow up icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/arrowup24icon
+ */
+export declare const ArrowUp24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/arrow-up-24.icon.js

@@ -0,0 +1,31 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * An arrow up icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/arrowup24icon
+ */
+export const ArrowUp24Icon = defineIcon({
+    name: 'ArrowUp24Icon',
+    svgTemplate: html `
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xml:space="preserve"
+            style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round"
+            viewBox="0 0 24 24"
+            width="24"
+            height="24"
+        >
+            <path
+                d="M12 19V5m0 0-7 7m7-7 7 7"
+                style="fill-rule:nonzero"
+                fill="none"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/auto-theme-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * An auto theme icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/autotheme24icon
+ */
+export declare const AutoTheme24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/auto-theme-24.icon.js

@@ -0,0 +1,36 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * An auto theme icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/autotheme24icon
+ */
+export const AutoTheme24Icon = defineIcon({
+    name: 'AutoTheme24Icon',
+    svgTemplate: html `
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            xml:space="preserve"
+            style="fill-rule:evenodd;clip-rule:evenodd"
+            viewBox="0 0 24 24"
+        >
+            <path
+                d="M12 4c4.39 0 8 3.61 8 8s-3.61 8-8 8z"
+                fill=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke="none"
+                style="fill-rule:nonzero"
+            />
+            <path
+                d="M12 4a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 0v16"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill="none"
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/globe-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A globe icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/globe24icon
+ */
+export declare const Globe24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/globe-24.icon.js

@@ -0,0 +1,39 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A globe icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/globe24icon
+ */
+export const Globe24Icon = defineIcon({
+    name: 'Globe24Icon',
+    svgTemplate: html `
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xml:space="preserve"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:1"
+        >
+            <circle
+                cx="12"
+                cy="12"
+                r="9"
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+            />
+            <path
+                d="M21 12c0 5-4 9-9 9m9-9c0-5-4-9-9-9m9 9H3m9 9c-5 0-9-4-9-9m9 9q3.5-3.9 3.6-9 0-5.1-3.6-9m0 18a14 14 0 0 1-3.6-9q0-5.1 3.6-9m-9 9c0-5 4-9 9-9"
+                style="fill-rule:nonzero;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4"
+                fill="none"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/link-24.icon.js

@@ -25,13 +25,18 @@ export const Link24Icon = defineIcon({
                 stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
                 fill=${viraIconCssVars['vira-icon-fill-color'].value}
             />
-
             <path
                 d="M12.4 9.6c.5.1 1 .5 1.5.9a4 4 0 0 1 0 5.7l-4.2 4.2A4 4 0 0 1 4 14.7l3-2.9"
                 stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
                 stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
                 fill=${viraIconCssVars['vira-icon-fill-color'].value}
             />
+            <path
+                d="M11.6 14.4a4 4 0 0 1-1.5-6.6l4.2-4.2A4 4 0 0 1 20 9.3l-3 2.9"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill="none"
+            />
         </svg>
     `,
 });

package/dist/icons/icon-svgs/magnifying-glass-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A magnifying glass icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/magnifyingglass24icon
+ */
+export declare const MagnifyingGlass24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/magnifying-glass-24.icon.js

@@ -0,0 +1,31 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A magnifying glass icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/magnifyingglass24icon
+ */
+export const MagnifyingGlass24Icon = defineIcon({
+    name: 'MagnifyingGlass24Icon',
+    svgTemplate: html `
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xml:space="preserve"
+            width="24"
+            height="24"
+            style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round"
+            viewBox="0 0 24 24"
+        >
+            <path
+                d="m20 20-4.9-4.9M10.5 4a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13Z"
+                style="fill-rule:nonzero"
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/moon-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A moon icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/moon24icon
+ */
+export declare const Moon24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/moon-24.icon.js

@@ -0,0 +1,27 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A moon icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/moon24icon
+ */
+export const Moon24Icon = defineIcon({
+    name: 'Moon24Icon',
+    svgTemplate: html `
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+            stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+            fill=${viraIconCssVars['vira-icon-fill-color'].value}
+            stroke-linejoin="round"
+        >
+            <path d="M18.6 17.72A8 8 0 1 1 15 4.26a8 8 0 0 0 3.6 13.46Z" />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/printer-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A printer icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/printer24icon
+ */
+export declare const Printer24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/printer-24.icon.js

@@ -0,0 +1,31 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A printer icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/printer24icon
+ */
+export const Printer24Icon = defineIcon({
+    name: 'Printer24Icon',
+    svgTemplate: html `
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xml:space="preserve"
+            style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+        >
+            <path
+                d="M7 9V4h10v5M7 17H5.6C4.7 17 4 16 4 15.2v-4.6Q4.1 9.1 5.6 9h12.8q1.5.1 1.6 1.6v4.6c0 .9-.7 1.8-1.6 1.8H17M7 14h10v6H7z"
+                style="fill-rule:nonzero"
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/sparkle-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A sparkle icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/sparkle24icon
+ */
+export declare const Sparkle24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/sparkle-24.icon.js

@@ -0,0 +1,30 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A sparkle icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/sparkle24icon
+ */
+export const Sparkle24Icon = defineIcon({
+    name: 'Sparkle24Icon',
+    svgTemplate: html `
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xml:space="preserve"
+            width="24"
+            height="24"
+            style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
+            viewBox="0 0 24 24"
+        >
+            <path
+                d="m18.46 8.14-.73-1.62a.5.5 0 0 0-.23-.23l-1.6-.73 1.61-.72q.15-.08.23-.23L18.47 3l.72 1.62q.08.15.23.23l1.6.72-1.6.73a.5.5 0 0 0-.23.23zm0 7.72.73 1.62q.08.16.23.23l1.6.73-1.6.72a.5.5 0 0 0-.24.23L18.46 21l-.73-1.61a.5.5 0 0 0-.23-.24l-1.6-.72 1.6-.73q.16-.06.23-.23zm-7.3-5.97q.06.15.22.23l3.21 1.46a.46.46 0 0 1 0 .84l-3.21 1.46a.5.5 0 0 0-.23.23L9.7 17.32a.5.5 0 0 1-.42.27.5.5 0 0 1-.42-.27L7.4 14.11a.5.5 0 0 0-.23-.23l-3.21-1.46a.46.46 0 0 1 0-.84l3.21-1.46q.16-.08.23-.23l1.46-3.21a.5.5 0 0 1 .42-.27q.29 0 .42.27z"
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/sun-24.icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A sun icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/sun24icon
+ */
+export declare const Sun24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/sun-24.icon.js

@@ -0,0 +1,37 @@
+import { html } from 'element-vir';
+import { viraIconCssVars } from '../icon-css-vars.js';
+import { defineIcon } from '../icon-svg.js';
+/**
+ * A sun icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/sun24icon
+ */
+export const Sun24Icon = defineIcon({
+    name: 'Sun24Icon',
+    svgTemplate: html `
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            style="fill-rule:nonzero;stroke:#000;stroke-width:1px;stroke-linecap:round;clip-rule:evenodd;"
+            viewBox="0 0 24 24"
+        >
+            <circle
+                cx="12"
+                cy="12"
+                r="4"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+            />
+            <path
+                d="M12 2v3m0 14v3M4.22 4.22l2.12 2.12m11.32 11.32 2.12 2.12M2 12h3m14 0h3M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill="none"
+            />
+        </svg>
+    `,
+});

package/dist/icons/index.d.ts

@@ -1,6 +1,8 @@
 /** This file is automatically updated by update-icon-exports.ts */
 export * from './icon-css-vars.js';
 export * from './icon-svg.js';
+export * from './icon-svgs/arrow-up-24.icon.js';
+export * from './icon-svgs/auto-theme-24.icon.js';
 export * from './icon-svgs/bell-24.icon.js';
 export * from './icon-svgs/chat-24.icon.js';
 export * from './icon-svgs/check-24.icon.js';
@@ -18,15 +20,20 @@ export * from './icon-svgs/external-link-24.icon.js';
 export * from './icon-svgs/eye-closed-24.icon.js';
 export * from './icon-svgs/eye-open-24.icon.js';
 export * from './icon-svgs/filter-24.icon.js';
+export * from './icon-svgs/globe-24.icon.js';
 export * from './icon-svgs/link-24.icon.js';
 export * from './icon-svgs/loader-24.icon.js';
 export * from './icon-svgs/loader-animated-24.icon.js';
 export * from './icon-svgs/lock-24.icon.js';
+export * from './icon-svgs/magnifying-glass-24.icon.js';
+export * from './icon-svgs/moon-24.icon.js';
 export * from './icon-svgs/options-24.icon.js';
 export * from './icon-svgs/pencil-24.icon.js';
+export * from './icon-svgs/printer-24.icon.js';
 export * from './icon-svgs/shield-24.icon.js';
 export * from './icon-svgs/sort-ascending-24.icon.js';
 export * from './icon-svgs/sort-descending-24.icon.js';
+export * from './icon-svgs/sparkle-24.icon.js';
 export * from './icon-svgs/speaker-loud-24.icon.js';
 export * from './icon-svgs/speaker-medium-24.icon.js';
 export * from './icon-svgs/speaker-muted-24.icon.js';
@@ -37,6 +44,7 @@ export * from './icon-svgs/status-in-progress-24.icon.js';
 export * from './icon-svgs/status-success-24.icon.js';
 export * from './icon-svgs/status-unknown-24.icon.js';
 export * from './icon-svgs/status-warning-24.icon.js';
+export * from './icon-svgs/sun-24.icon.js';
 export * from './icon-svgs/upload-24.icon.js';
 export * from './icon-svgs/x-24.icon.js';
 /**
@@ -45,6 +53,8 @@ export * from './icon-svgs/x-24.icon.js';
  * @category Icon
  */
 export declare const allIconsByName: {
+    readonly ArrowUp24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly AutoTheme24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Bell24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Chat24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Check24Icon: import("./icon-svg.js").ViraIconSvg;
@@ -62,15 +72,20 @@ export declare const allIconsByName: {
     readonly EyeClosed24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly EyeOpen24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Filter24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Globe24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Link24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Loader24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly LoaderAnimated24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Lock24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly MagnifyingGlass24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Moon24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Options24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Pencil24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Printer24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Shield24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly SortAscending24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly SortDescending24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Sparkle24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly SpeakerLoud24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly SpeakerMedium24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly SpeakerMuted24Icon: import("./icon-svg.js").ViraIconSvg;
@@ -81,6 +96,7 @@ export declare const allIconsByName: {
     readonly StatusSuccess24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly StatusUnknown24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly StatusWarning24Icon: import("./icon-svg.js").ViraIconSvg;
+    readonly Sun24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly Upload24Icon: import("./icon-svg.js").ViraIconSvg;
     readonly X24Icon: import("./icon-svg.js").ViraIconSvg;
 };

package/dist/icons/index.js

@@ -1,4 +1,6 @@
 /** This file is automatically updated by update-icon-exports.ts */
+import { ArrowUp24Icon } from './icon-svgs/arrow-up-24.icon.js';
+import { AutoTheme24Icon } from './icon-svgs/auto-theme-24.icon.js';
 import { Bell24Icon } from './icon-svgs/bell-24.icon.js';
 import { Chat24Icon } from './icon-svgs/chat-24.icon.js';
 import { Check24Icon } from './icon-svgs/check-24.icon.js';
@@ -16,15 +18,20 @@ import { ExternalLink24Icon } from './icon-svgs/external-link-24.icon.js';
 import { EyeClosed24Icon } from './icon-svgs/eye-closed-24.icon.js';
 import { EyeOpen24Icon } from './icon-svgs/eye-open-24.icon.js';
 import { Filter24Icon } from './icon-svgs/filter-24.icon.js';
+import { Globe24Icon } from './icon-svgs/globe-24.icon.js';
 import { Link24Icon } from './icon-svgs/link-24.icon.js';
 import { Loader24Icon } from './icon-svgs/loader-24.icon.js';
 import { LoaderAnimated24Icon } from './icon-svgs/loader-animated-24.icon.js';
 import { Lock24Icon } from './icon-svgs/lock-24.icon.js';
+import { MagnifyingGlass24Icon } from './icon-svgs/magnifying-glass-24.icon.js';
+import { Moon24Icon } from './icon-svgs/moon-24.icon.js';
 import { Options24Icon } from './icon-svgs/options-24.icon.js';
 import { Pencil24Icon } from './icon-svgs/pencil-24.icon.js';
+import { Printer24Icon } from './icon-svgs/printer-24.icon.js';
 import { Shield24Icon } from './icon-svgs/shield-24.icon.js';
 import { SortAscending24Icon } from './icon-svgs/sort-ascending-24.icon.js';
 import { SortDescending24Icon } from './icon-svgs/sort-descending-24.icon.js';
+import { Sparkle24Icon } from './icon-svgs/sparkle-24.icon.js';
 import { SpeakerLoud24Icon } from './icon-svgs/speaker-loud-24.icon.js';
 import { SpeakerMedium24Icon } from './icon-svgs/speaker-medium-24.icon.js';
 import { SpeakerMuted24Icon } from './icon-svgs/speaker-muted-24.icon.js';
@@ -35,10 +42,13 @@ import { StatusInProgress24Icon } from './icon-svgs/status-in-progress-24.icon.j
 import { StatusSuccess24Icon } from './icon-svgs/status-success-24.icon.js';
 import { StatusUnknown24Icon } from './icon-svgs/status-unknown-24.icon.js';
 import { StatusWarning24Icon } from './icon-svgs/status-warning-24.icon.js';
+import { Sun24Icon } from './icon-svgs/sun-24.icon.js';
 import { Upload24Icon } from './icon-svgs/upload-24.icon.js';
 import { X24Icon } from './icon-svgs/x-24.icon.js';
 export * from './icon-css-vars.js';
 export * from './icon-svg.js';
+export * from './icon-svgs/arrow-up-24.icon.js';
+export * from './icon-svgs/auto-theme-24.icon.js';
 export * from './icon-svgs/bell-24.icon.js';
 export * from './icon-svgs/chat-24.icon.js';
 export * from './icon-svgs/check-24.icon.js';
@@ -56,15 +66,20 @@ export * from './icon-svgs/external-link-24.icon.js';
 export * from './icon-svgs/eye-closed-24.icon.js';
 export * from './icon-svgs/eye-open-24.icon.js';
 export * from './icon-svgs/filter-24.icon.js';
+export * from './icon-svgs/globe-24.icon.js';
 export * from './icon-svgs/link-24.icon.js';
 export * from './icon-svgs/loader-24.icon.js';
 export * from './icon-svgs/loader-animated-24.icon.js';
 export * from './icon-svgs/lock-24.icon.js';
+export * from './icon-svgs/magnifying-glass-24.icon.js';
+export * from './icon-svgs/moon-24.icon.js';
 export * from './icon-svgs/options-24.icon.js';
 export * from './icon-svgs/pencil-24.icon.js';
+export * from './icon-svgs/printer-24.icon.js';
 export * from './icon-svgs/shield-24.icon.js';
 export * from './icon-svgs/sort-ascending-24.icon.js';
 export * from './icon-svgs/sort-descending-24.icon.js';
+export * from './icon-svgs/sparkle-24.icon.js';
 export * from './icon-svgs/speaker-loud-24.icon.js';
 export * from './icon-svgs/speaker-medium-24.icon.js';
 export * from './icon-svgs/speaker-muted-24.icon.js';
@@ -75,6 +90,7 @@ export * from './icon-svgs/status-in-progress-24.icon.js';
 export * from './icon-svgs/status-success-24.icon.js';
 export * from './icon-svgs/status-unknown-24.icon.js';
 export * from './icon-svgs/status-warning-24.icon.js';
+export * from './icon-svgs/sun-24.icon.js';
 export * from './icon-svgs/upload-24.icon.js';
 export * from './icon-svgs/x-24.icon.js';
 /**
@@ -83,6 +99,8 @@ export * from './icon-svgs/x-24.icon.js';
  * @category Icon
  */
 export const allIconsByName = {
+    ArrowUp24Icon,
+    AutoTheme24Icon,
     Bell24Icon,
     Chat24Icon,
     Check24Icon,
@@ -100,15 +118,20 @@ export const allIconsByName = {
     EyeClosed24Icon,
     EyeOpen24Icon,
     Filter24Icon,
+    Globe24Icon,
     Link24Icon,
     Loader24Icon,
     LoaderAnimated24Icon,
     Lock24Icon,
+    MagnifyingGlass24Icon,
+    Moon24Icon,
     Options24Icon,
     Pencil24Icon,
+    Printer24Icon,
     Shield24Icon,
     SortAscending24Icon,
     SortDescending24Icon,
+    Sparkle24Icon,
     SpeakerLoud24Icon,
     SpeakerMedium24Icon,
     SpeakerMuted24Icon,
@@ -119,6 +142,7 @@ export const allIconsByName = {
     StatusSuccess24Icon,
     StatusUnknown24Icon,
     StatusWarning24Icon,
+    Sun24Icon,
     Upload24Icon,
     X24Icon,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "29.3.2",
+    "version": "29.5.0",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",
@@ -65,7 +65,7 @@
         "typedoc": "^0.28.16",
         "typescript": "5.9.3",
         "vite": "^7.3.1",
-        "vite-tsconfig-paths": "^6.1.0"
+        "vite-tsconfig-paths": "^6.1.1"
     },
     "peerDependencies": {
         "element-vir": "^26.9.1",