vira 31.1.2 → 31.3.0

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

@@ -21,5 +21,5 @@ export declare const ViraMenuItem: import("element-vir").DeclarativeElementDefin
     iconOverride: ViraIconSvg;
 }>, {
     /** Removes event listeners registered during init. */
-    cleanup: undefined | (() => void);
+    cleanupListeners: undefined | (() => void);
 }, {}, "vira-menu-item-selected" | "vira-menu-item-disabled" | "vira-menu-item-enabled" | "vira-menu-item-default-icon" | "vira-menu-item-default-styles", "vira-menu-item-", readonly [], readonly []>;

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

@@ -1,7 +1,7 @@
 import { assertWrap } from '@augment-vir/assert';
 import { css, html } from 'element-vir';
 import { listenTo } from 'typed-event-target';
-import { Check24Icon } from '../../icons/icon-svgs/check-24.icon.js';
+import { Check24Icon } from '../../icons/icon-svgs/24/check-24.icon.js';
 import { viraFormCssVars } from '../../styles/form-styles.js';
 import { noUserSelect } from '../../styles/index.js';
 import { defineViraElement } from '../../util/define-vira-element.js';
@@ -17,7 +17,7 @@ export const ViraMenuItem = defineViraElement()({
     state() {
         return {
             /** Removes event listeners registered during init. */
-            cleanup: undefined,
+            cleanupListeners: undefined,
         };
     },
     hostClasses: {
@@ -94,7 +94,7 @@ export const ViraMenuItem = defineViraElement()({
         host.setAttribute('tabindex', inputs.disabled ? '-1' : '0');
         host.setAttribute('aria-selected', String(!!inputs.selected));
         host.setAttribute('aria-disabled', String(!!inputs.disabled));
-        state.cleanup?.();
+        state.cleanupListeners?.();
         const propagating = {};
         function propagateMouseEvent(event) {
             if (propagating[event.type]) {
@@ -135,15 +135,15 @@ export const ViraMenuItem = defineViraElement()({
             }),
         ];
         updateState({
-            cleanup: () => {
+            cleanupListeners: () => {
                 listenerRemovers.forEach((remover) => remover());
             },
         });
     },
     cleanup({ state, updateState }) {
-        state.cleanup?.();
+        state.cleanupListeners?.();
         updateState({
-            cleanup: undefined,
+            cleanupListeners: undefined,
         });
     },
     render({ inputs }) {

package/dist/elements/pop-up/vira-menu-trigger.element.d.ts

@@ -23,6 +23,18 @@ export declare const ViraMenuTrigger: import("element-vir").DeclarativeElementDe
     popUpOffset: PopUpOffset;
     keepOpenAfterInteraction: boolean;
     menuCornerStyle: ViraMenuCornerStyle;
+    /**
+     * If true, the focus outline is moved inside the element.
+     *
+     * @default false
+     */
+    useInsideFocus: boolean;
+    /**
+     * When `true`, the trigger will focus itself when the pop-up closes.
+     *
+     * @default false
+     */
+    focusOnClose: boolean;
 } & PopUpTriggerPosition>, {
     navController: undefined | NavController;
     popUpManager: undefined | PopUpManager;

package/dist/elements/pop-up/vira-pop-up-trigger.element.d.ts

@@ -87,6 +87,10 @@ export declare const ViraPopUpTrigger: import("element-vir").DeclarativeElementD
     keepOpenAfterInteraction: boolean;
     /** All values in px. */
     popUpOffset: PopUpOffset;
+    /** If true, the focus outline is moved inside the element. */
+    useInsideFocus: boolean;
+    /** When `true`, the trigger will focus itself when the pop-up closes. */
+    focusOnClose: boolean;
 }>, {
     /** `undefined` means the pop up is not currently showing. */
     showPopUpResult: ShowPopUpResult | undefined;
@@ -102,4 +106,4 @@ export declare const ViraPopUpTrigger: import("element-vir").DeclarativeElementD
         navController: NavController;
         popUpManager: PopUpManager;
     }>;
-}, "vira-pop-up-trigger-disabled", "vira-pop-up-trigger-", readonly ["trigger", "popUp"], readonly []>;
+}, "vira-pop-up-trigger-disabled" | "vira-pop-up-trigger-inside-focus" | "vira-pop-up-trigger-outside-focus", "vira-pop-up-trigger-", readonly ["trigger", "popUp"], readonly []>;

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

@@ -58,6 +58,8 @@ export const ViraPopUpTrigger = defineViraElement()({
     ],
     hostClasses: {
         'vira-pop-up-trigger-disabled': ({ inputs }) => !!inputs.isDisabled,
+        'vira-pop-up-trigger-inside-focus': ({ inputs }) => !!inputs.useInsideFocus,
+        'vira-pop-up-trigger-outside-focus': ({ inputs }) => !inputs.useInsideFocus,
     },
     styles: ({ hostClasses }) => css `
         :host {
@@ -75,11 +77,16 @@ export const ViraPopUpTrigger = defineViraElement()({
             position: relative;
             flex-grow: 1;
             box-sizing: border-box;
+        }
 
+        ${hostClasses['vira-pop-up-trigger-inside-focus'].selector} .dropdown-wrapper {
             ${createFocusStyles({
-        elementBorderSize: '1px',
+        renderInside: true,
     })}
         }
+        ${hostClasses['vira-pop-up-trigger-outside-focus'].selector} .dropdown-wrapper {
+            ${createFocusStyles()}
+        }
 
         .dropdown-trigger {
             box-sizing: border-box;
@@ -142,7 +149,7 @@ export const ViraPopUpTrigger = defineViraElement()({
                 showPopUpResult: undefined,
             });
             dispatch(new events.openChange(undefined));
-            if (!inputs.isDisabled) {
+            if (inputs.focusOnClose && !inputs.isDisabled) {
                 const dropdownWrapper = host.shadowRoot.querySelector('.dropdown-wrapper');
                 assert.instanceOf(dropdownWrapper, HTMLButtonElement, 'failed to find dropdown wrapper child');
                 dropdownWrapper.focus();

package/dist/elements/vira-dropdown.element.js

@@ -150,6 +150,7 @@ export const ViraDropdown = defineViraElement()({
         return html `
             <${ViraPopUpTrigger.assign({
             ...inputs,
+            focusOnClose: true,
             popUpOffset: {
                 vertical: -1,
                 right: 24,

package/dist/elements/vira-icon.element.d.ts

@@ -7,7 +7,7 @@ import { type ViraIconSvg } from '../icons/icon-svg.js';
  * @see https://electrovir.github.io/vira/book/elements/vira-icon
  */
 export declare const ViraIcon: import("element-vir").DeclarativeElementDefinition<"vira-icon", {
-    icon: Pick<ViraIconSvg, "svgTemplate"> | undefined;
+    icon: Pick<ViraIconSvg, "svgTemplate" | "size"> | undefined;
     /** Ignores the given icon's embedded size and causes the <svg> element to fill its parent. */
     fitContainer?: boolean | undefined;
 }, {}, {}, "vira-icon-fit-container", "vira-icon-", readonly [], readonly []>;

package/dist/elements/vira-icon.element.js

@@ -1,3 +1,4 @@
+import { addPx } from '@augment-vir/common';
 import { css } from 'element-vir';
 import { defineViraElement } from '../util/define-vira-element.js';
 /**
@@ -11,7 +12,7 @@ export const ViraIcon = defineViraElement()({
     tagName: 'vira-icon',
     hostClasses: {
         /** Ignores the given icon's embedded size and causes the <svg> element to fill its parent. */
-        'vira-icon-fit-container': ({ inputs }) => !!inputs.fitContainer,
+        'vira-icon-fit-container': ({ inputs }) => !!inputs.fitContainer || !!inputs.icon?.size,
     },
     styles: ({ hostClasses }) => css `
         :host {
@@ -28,15 +29,23 @@ export const ViraIcon = defineViraElement()({
             display: block;
         }
 
+        svg * {
+            vector-effect: non-scaling-stroke;
+        }
+
         ${hostClasses['vira-icon-fit-container'].selector} svg {
             height: 100%;
             width: 100%;
         }
     `,
-    render({ inputs }) {
+    render({ inputs, host }) {
         if (!inputs.icon) {
             return '';
         }
+        else if (inputs.icon.size) {
+            host.style.width = addPx(inputs.icon.size);
+            host.style.height = addPx(inputs.icon.size);
+        }
         return inputs.icon.svgTemplate;
     },
 });

package/dist/elements/vira-input.element.js

@@ -2,7 +2,7 @@ import { assertWrap } from '@augment-vir/assert';
 import { randomString } from '@augment-vir/common';
 import { extractEventTarget } from '@augment-vir/web';
 import { attributes, css, defineElementEvent, html, ifDefined, listen, nothing, onResize, renderIf, } from 'element-vir';
-import { CloseX24Icon } from '../icons/icon-svgs/close-x-24.icon.js';
+import { CloseX24Icon } from '../icons/icon-svgs/24/close-x-24.icon.js';
 import { EyeClosed24Icon, EyeOpen24Icon } from '../icons/index.js';
 import { createFocusStyles } from '../styles/focus.js';
 import { viraFormCssVars } from '../styles/form-styles.js';

package/dist/elements/vira-link.element.d.ts

@@ -74,5 +74,5 @@ export declare const ViraLink: import("element-vir").DeclarativeElementDefinitio
     disableLinkStyles: boolean;
 }>, {
     /** Removes event listeners registered during init. */
-    cleanup: undefined | (() => void);
+    cleanupListeners: undefined | (() => void);
 }, {}, "vira-link-link-styles", "vira-link-", readonly [], readonly []>;

package/dist/elements/vira-link.element.js

@@ -16,7 +16,7 @@ export const ViraLink = defineViraElement()({
     state() {
         return {
             /** Removes event listeners registered during init. */
-            cleanup: undefined,
+            cleanupListeners: undefined,
         };
     },
     hostClasses: {
@@ -51,7 +51,7 @@ export const ViraLink = defineViraElement()({
         }
     `,
     init({ state, updateState, host }) {
-        state.cleanup?.();
+        state.cleanupListeners?.();
         let propagating = false;
         const listenerRemovers = [
             listenTo(host, 'click', (event) => {
@@ -70,15 +70,15 @@ export const ViraLink = defineViraElement()({
             }),
         ];
         updateState({
-            cleanup: () => {
+            cleanupListeners: () => {
                 listenerRemovers.forEach((remover) => remover());
             },
         });
     },
     cleanup({ state, updateState }) {
-        state.cleanup?.();
+        state.cleanupListeners?.();
         updateState({
-            cleanup: undefined,
+            cleanupListeners: undefined,
         });
     },
     render({ inputs }) {

package/dist/elements/vira-modal.element.d.ts

@@ -33,7 +33,7 @@ export declare const ViraModal: import("element-vir").DeclarativeElementDefiniti
     contentElement: HTMLDivElement | undefined;
     previousOpenValue: undefined | boolean;
     /** Remove listeners. */
-    cleanup: undefined | (() => void);
+    cleanupListeners: undefined | (() => void);
 }, {
     modalClose: import("element-vir").DefineEvent<void>;
 }, "vira-modal-phone-size", "vira-modal-backdrop-filter", readonly ["modalTitle"], readonly []>;

package/dist/elements/vira-modal.element.js

@@ -1,7 +1,7 @@
 import { assertWrap } from '@augment-vir/assert';
 import { css, defineElementEvent, html, listen, nothing, onDomCreated } from 'element-vir';
 import { listenToGlobal } from 'typed-event-target';
-import { X24Icon } from '../icons/icon-svgs/x-24.icon.js';
+import { X24Icon } from '../icons/icon-svgs/24/x-24.icon.js';
 import { viraFormCssVars } from '../styles/form-styles.js';
 import { noNativeFormStyles, noNativeSpacing } from '../styles/native-styles.js';
 import { viraShadows } from '../styles/shadows.js';
@@ -29,11 +29,11 @@ export const ViraModal = defineViraElement()({
             contentElement: undefined,
             previousOpenValue: undefined,
             /** Remove listeners. */
-            cleanup: undefined,
+            cleanupListeners: undefined,
         };
     },
     cleanup({ state }) {
-        state.cleanup?.();
+        state.cleanupListeners?.();
     },
     hostClasses: {
         'vira-modal-phone-size': ({ inputs }) => !!inputs.isMobileSize,
@@ -142,7 +142,7 @@ export const ViraModal = defineViraElement()({
             }
         }
         if (state.previousOpenValue !== inputs.open) {
-            state.cleanup?.();
+            state.cleanupListeners?.();
             updateState({
                 previousOpenValue: inputs.open,
             });
@@ -151,7 +151,7 @@ export const ViraModal = defineViraElement()({
                     dispatch(new events.modalClose());
                 }));
                 updateState({
-                    cleanup: () => {
+                    cleanupListeners: () => {
                         removers.forEach((remover) => remover());
                     },
                 });
@@ -159,7 +159,7 @@ export const ViraModal = defineViraElement()({
         }
         function close() {
             if (inputs.open) {
-                state.cleanup?.();
+                state.cleanupListeners?.();
                 dispatch(new events.modalClose());
             }
         }

package/dist/elements/vira-overflow-switch.element.d.ts

@@ -17,5 +17,5 @@ export declare const ViraOverflowSwitch: import("element-vir").DeclarativeElemen
     isOverflowing: boolean;
     resizeObserver: undefined | ResizeObserver;
     /** Called on cleanup to clear all listeners. */
-    cleanup: undefined | (() => void);
+    cleanupListeners: undefined | (() => void);
 }, {}, "vira-overflow-switch-show-small", "vira-overflow-switch-", readonly ["large", "small"], readonly []>;

package/dist/elements/vira-overflow-switch.element.js

@@ -20,7 +20,7 @@ export const ViraOverflowSwitch = defineViraElement()({
             isOverflowing: false,
             resizeObserver: undefined,
             /** Called on cleanup to clear all listeners. */
-            cleanup: undefined,
+            cleanupListeners: undefined,
         };
     },
     hostClasses: {
@@ -57,9 +57,9 @@ export const ViraOverflowSwitch = defineViraElement()({
         }
     `,
     cleanup({ state, updateState }) {
-        state.cleanup?.();
+        state.cleanupListeners?.();
         updateState({
-            cleanup: undefined,
+            cleanupListeners: undefined,
         });
     },
     render({ slotNames, updateState, inputs, host, state }) {
@@ -89,9 +89,9 @@ export const ViraOverflowSwitch = defineViraElement()({
             });
             /** Initial measurement: defer until after first layout. */
             updateOverflowing(overflowParams);
-            state.cleanup?.();
+            state.cleanupListeners?.();
             updateState({
-                cleanup() {
+                cleanupListeners() {
                     resizeObserver.disconnect();
                     removeSlotChangeListener();
                 },

package/dist/elements/vira-select.element.d.ts

@@ -33,7 +33,7 @@ export declare const ViraSelect: import("element-vir").DeclarativeElementDefinit
      */
     randomId: string;
     /** Removes event listeners registered during init. */
-    cleanup: undefined | (() => void);
+    cleanupListeners: undefined | (() => void);
 }, {
     valueChange: import("element-vir").DefineEvent<string>;
 }, "vira-select-disabled" | "vira-select-error" | "vira-select-not-raw", "vira-select-padding-horizontal" | "vira-select-padding-vertical" | "vira-select-icon-padding", readonly [], readonly []>;

package/dist/elements/vira-select.element.js

@@ -28,7 +28,7 @@ export const ViraSelect = defineViraElement()({
              */
             randomId: randomString(32),
             /** Removes event listeners registered during init. */
-            cleanup: undefined,
+            cleanupListeners: undefined,
         };
     },
     events: {
@@ -192,7 +192,7 @@ export const ViraSelect = defineViraElement()({
         }
     `,
     init({ state, updateState, host }) {
-        state.cleanup?.();
+        state.cleanupListeners?.();
         const listenerRemovers = [
             listenTo(host, 'mousedown', (event) => {
                 const selectElement = assertWrap.instanceOf(host.shadowRoot.querySelector('select'), HTMLSelectElement);
@@ -209,15 +209,15 @@ export const ViraSelect = defineViraElement()({
             }),
         ];
         updateState({
-            cleanup: () => {
+            cleanupListeners: () => {
                 listenerRemovers.forEach((remover) => remover());
             },
         });
     },
     cleanup({ state, updateState }) {
-        state.cleanup?.();
+        state.cleanupListeners?.();
         updateState({
-            cleanup: undefined,
+            cleanupListeners: undefined,
         });
     },
     render({ inputs, state, dispatch, events }) {

package/dist/elements/vira-tag.element.js

@@ -2,8 +2,8 @@ import { check } from '@augment-vir/assert';
 import { colorCss, ContrastLevelName } from '@electrovir/color';
 import { css, defineElementEvent, html, listen, unsafeCSS } from 'element-vir';
 import { themeDefaultKey } from 'theme-vir/dist/color-theme/color-theme.js';
-import { Check16Icon } from '../icons/icon-svgs/check-16.icon.js';
-import { X16Icon } from '../icons/icon-svgs/x-16.icon.js';
+import { Check16Icon } from '../icons/icon-svgs/16/check-16.icon.js';
+import { X16Icon } from '../icons/icon-svgs/16/x-16.icon.js';
 import { viraFormCssVars } from '../styles/form-styles.js';
 import { ViraColorVariant, viraColorVariantToColorName, ViraEmphasis, ViraSize, viraSizeHeights, } from '../styles/form-variants.js';
 import { noNativeFormStyles } from '../styles/native-styles.js';

package/dist/icons/icon-svg.d.ts

@@ -6,6 +6,8 @@ import { type TemplateResult } from 'element-vir';
  */
 export type ViraIconSvg = {
     name: string;
+    /** An optionally forced icon size. */
+    size?: number;
     svgTemplate: TemplateResult;
 };
 /**

package/dist/icons/icon-svgs/{check-16.icon.d.ts → 16/check-16.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/check16icon
  */
-export declare const Check16Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const Check16Icon: import("../../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/{check-16.icon.js → 16/check-16.icon.js}

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * A checkmark (16px).
  *

package/dist/icons/icon-svgs/{chevron-down-16.icon.d.ts → 16/chevron-down-16.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/chevrondown16icon
  */
-export declare const ChevronDown16Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const ChevronDown16Icon: import("../../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/{chevron-down-16.icon.js → 16/chevron-down-16.icon.js}

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * A chevron that points downwards (16px). See ChevronDown24Icon for the 24px version.
  *

package/dist/icons/icon-svgs/{chevron-up-16.icon.d.ts → 16/chevron-up-16.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/chevronup16icon
  */
-export declare const ChevronUp16Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const ChevronUp16Icon: import("../../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/{chevron-up-16.icon.js → 16/chevron-up-16.icon.js}

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * A chevron that points upwards (16px). See ChevronUp24Icon for the 24px version.
  *

package/dist/icons/icon-svgs/{dash-16.icon.d.ts → 16/dash-16.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/dash16icon
  */
-export declare const Dash16Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const Dash16Icon: import("../../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/{dash-16.icon.js → 16/dash-16.icon.js}

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * A dash (horizontal line) icon.
  *

package/dist/icons/icon-svgs/{element-16.icon.d.ts → 16/element-16.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/element16icon
  */
-export declare const Element16Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const Element16Icon: import("../../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/{element-16.icon.js → 16/element-16.icon.js}

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * An icon symbol that represents an HTML element.
  *

package/dist/icons/icon-svgs/{upload-16.icon.d.ts → 16/upload-16.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/upload16icon
  */
-export declare const Upload16Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const Upload16Icon: import("../../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/{upload-16.icon.js → 16/upload-16.icon.js}

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * An upload icon (16×16).
  *

package/dist/icons/icon-svgs/{x-16.icon.d.ts → 16/x-16.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/x16icon
  */
-export declare const X16Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const X16Icon: import("../../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/{x-16.icon.js → 16/x-16.icon.js}

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * An x icon.
  *

package/dist/icons/icon-svgs/{arrow-down-24.icon.d.ts → 24/arrow-down-24.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/arrowdown24icon
  */
-export declare const ArrowDown24Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const ArrowDown24Icon: import("../../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/{arrow-down-24.icon.js → 24/arrow-down-24.icon.js}

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * An arrow down icon.
  *

package/dist/icons/icon-svgs/{arrow-left-24.icon.d.ts → 24/arrow-left-24.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/arrowleft24icon
  */
-export declare const ArrowLeft24Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const ArrowLeft24Icon: import("../../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/{arrow-left-24.icon.js → 24/arrow-left-24.icon.js}

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * An arrow left icon.
  *

package/dist/icons/icon-svgs/{arrow-right-24.icon.d.ts → 24/arrow-right-24.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/arrowright24icon
  */
-export declare const ArrowRight24Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const ArrowRight24Icon: import("../../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/{arrow-right-24.icon.js → 24/arrow-right-24.icon.js}

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * An arrow right icon.
  *

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

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/arrowup24icon
  */
-export declare const ArrowUp24Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const ArrowUp24Icon: import("../../icon-svg.js").ViraIconSvg;

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

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * An arrow up icon.
  *

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

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/autotheme24icon
  */
-export declare const AutoTheme24Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const AutoTheme24Icon: import("../../icon-svg.js").ViraIconSvg;

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

@@ -1,6 +1,6 @@
 import { html } from 'element-vir';
-import { viraIconCssVars } from '../icon-css-vars.js';
-import { defineIcon } from '../icon-svg.js';
+import { viraIconCssVars } from '../../icon-css-vars.js';
+import { defineIcon } from '../../icon-svg.js';
 /**
  * An auto theme icon.
  *

package/dist/icons/icon-svgs/{bell-24.icon.d.ts → 24/bell-24.icon.d.ts}

@@ -5,4 +5,4 @@
  * @category SVG
  * @see https://electrovir.github.io/vira/book/icons/bell24icon
  */
-export declare const Bell24Icon: import("../icon-svg.js").ViraIconSvg;
+export declare const Bell24Icon: import("../../icon-svg.js").ViraIconSvg;