vira 31.2.0 → 31.4.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/vira-button.element.js

@@ -309,11 +309,11 @@ export const ViraButton = defineViraElement()({
             const styles = viraSizeVariants.map((sizeVariant) => {
                 return css `
                     ${hostClasses[`vira-button-size-${sizeVariant}`].selector} {
-                        height: ${viraSizeHeights[sizeVariant]}px;
                         font-size: ${viraFormCssVars[`vira-form-${sizeVariant}-text-size`].value};
 
                         button {
-                            padding: 0
+                            min-height: ${viraSizeHeights[sizeVariant]}px;
+                            padding: 2px
                                 ${viraFormCssVars[`vira-form-${sizeVariant}-text-size`].value};
                         }
                     }

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/feather-icons.d.ts

@@ -0,0 +1,24 @@
+import type * as featherIconsImportType from 'feather-icons';
+import { type FeatherAttributes } from 'feather-icons';
+import { type ViraIconSvg } from './icon-svg.js';
+declare const featherIconsImported: typeof featherIconsImportType;
+/**
+ * All supported feather icon names.
+ *
+ * @category Internal
+ */
+export type FeatherIconKey = keyof typeof featherIconsImported.icons;
+/**
+ * An entry in {@link featherIcons}.
+ *
+ * @category Internal
+ */
+export type FeatherIconEntry = ViraIconSvg & ((options: Readonly<FeatherAttributes>) => ViraIconSvg);
+/**
+ * All [Feather icons](https://feathericons.com) in a format compatible with `ViraIcon`. Each icon
+ * entry can be accessed directly or customized by calling it as a function.
+ *
+ * @category Icon
+ */
+export declare const featherIcons: Readonly<Record<FeatherIconKey, FeatherIconEntry>>;
+export {};

package/dist/icons/feather-icons.js

@@ -0,0 +1,89 @@
+import { check } from '@augment-vir/assert';
+import { html, unsafeHTML } from 'element-vir';
+import { viraIconCssVars } from './icon-css-vars.js';
+/** Feather's export format is all messed up so we have to do this to catch all its possible cases. */
+async function importFeatherIcons() {
+    const imported = (await import('feather-icons'));
+    function recurseImport(imported) {
+        if (check.isObject(imported)) {
+            if (check.hasKey(imported, 'default')) {
+                return recurseImport(imported.default);
+            }
+            else if (check.hasKey(imported, 'icons')) {
+                return imported;
+            }
+        }
+        return undefined;
+    }
+    return (recurseImport(imported) ||
+        /** Unfortunately, Feather will attach itself to the global state sometimes. */
+        globalThis.feather);
+}
+const featherIconsImported = await importFeatherIcons();
+const defaultFeatherOptions = {
+    fill: String(viraIconCssVars['vira-icon-fill-color'].value),
+    stroke: String(viraIconCssVars['vira-icon-stroke-color'].value),
+    'stroke-width': String(viraIconCssVars['vira-icon-stroke-width'].value),
+};
+function createFeatherIconEntry(iconKey) {
+    const featherIcon = featherIconsImported.icons[iconKey];
+    const configureIconCallback = (options) => {
+        return {
+            name: featherIcon.name,
+            svgTemplate: html `
+                ${unsafeHTML(featherIcon.toSvg({
+                ...defaultFeatherOptions,
+                ...options,
+            }))}
+            `,
+        };
+    };
+    Object.defineProperty(configureIconCallback, 'name', {
+        value: featherIcon.name,
+        writable: false,
+        configurable: true,
+    });
+    return Object.assign(configureIconCallback, {
+        svgTemplate: html `
+            ${unsafeHTML(featherIcon.toSvg(defaultFeatherOptions))}
+        `,
+    });
+}
+const featherIconCache = new Map();
+/**
+ * All [Feather icons](https://feathericons.com) in a format compatible with `ViraIcon`. Each icon
+ * entry can be accessed directly or customized by calling it as a function.
+ *
+ * @category Icon
+ */
+export const featherIcons = new Proxy({}, {
+    get(_target, property) {
+        const iconKey = property;
+        if (!(iconKey in featherIconsImported.icons)) {
+            return undefined;
+        }
+        const cached = featherIconCache.get(iconKey);
+        if (cached) {
+            return cached;
+        }
+        const entry = createFeatherIconEntry(iconKey);
+        featherIconCache.set(iconKey, entry);
+        return entry;
+    },
+    has(_target, property) {
+        return property in featherIconsImported.icons;
+    },
+    ownKeys() {
+        return Object.keys(featherIconsImported.icons);
+    },
+    getOwnPropertyDescriptor(_target, property) {
+        if (property in featherIconsImported.icons) {
+            return {
+                configurable: true,
+                enumerable: true,
+                writable: false,
+            };
+        }
+        return undefined;
+    },
+});

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;