vira 26.9.1 → 26.10.0

package/README.md

@@ -2,6 +2,6 @@
 
 The Vira design system.
 
-https://electrovir.github.io/element-vir/vira
+https://electrovir.github.io/vira
 
 WIP.

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

@@ -39,7 +39,7 @@ export declare enum HorizontalAnchor {
  *
  * @category PopUp
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-pop-up-trigger
+ * @see https://electrovir.github.io/vira/book/elements/vira-pop-up-trigger
  */
 export declare const ViraPopUpTrigger: import("element-vir").DeclarativeElementDefinition<"vira-pop-up-trigger", PartialWithUndefined<{
     isDisabled: boolean;

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

@@ -35,7 +35,7 @@ export var HorizontalAnchor;
  *
  * @category PopUp
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-pop-up-trigger
+ * @see https://electrovir.github.io/vira/book/elements/vira-pop-up-trigger
  */
 export const ViraPopUpTrigger = defineViraElement()({
     tagName: 'vira-pop-up-trigger',
@@ -265,6 +265,7 @@ export const ViraPopUpTrigger = defineViraElement()({
                 <div class="dropdown-trigger">
                     <slot name=${slotNames.trigger}></slot>
                 </div>
+
                 <div
                     class="pop-up-positioner ${classMap({
             'right-aligned': inputs.horizontalAnchor === HorizontalAnchor.Right,

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

@@ -14,7 +14,7 @@ export declare enum ViraButtonStyle {
  *
  * @category Button
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-button
+ * @see https://electrovir.github.io/vira/book/elements/vira-button
  */
 export declare const ViraButton: import("element-vir").DeclarativeElementDefinition<"vira-button", PartialWithUndefined<{
     text: string;

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

@@ -22,7 +22,7 @@ export var ViraButtonStyle;
  *
  * @category Button
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-button
+ * @see https://electrovir.github.io/vira/book/elements/vira-button
  */
 export const ViraButton = defineViraElement()({
     tagName: 'vira-button',

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

@@ -24,7 +24,7 @@ export type ViraCheckboxInputs = PartialWithUndefined<{
  *
  * @category Input
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-checkbox
+ * @see https://electrovir.github.io/vira/book/elements/vira-checkbox
  */
 export declare const ViraCheckbox: import("element-vir").DeclarativeElementDefinition<"vira-checkbox", Readonly<ViraCheckboxInputs>, {}, {
     valueChange: import("element-vir").DefineEvent<boolean>;

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

@@ -11,7 +11,7 @@ import { ViraIcon } from './vira-icon.element.js';
  *
  * @category Input
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-checkbox
+ * @see https://electrovir.github.io/vira/book/elements/vira-checkbox
  */
 export const ViraCheckbox = defineViraElement()({
     tagName: 'vira-checkbox',

package/dist/elements/vira-collapsible-wrapper.element.d.ts

@@ -3,7 +3,7 @@
  *
  * @category Collapsible
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-collapsible-wrapper
+ * @see https://electrovir.github.io/vira/book/elements/vira-collapsible-wrapper
  */
 export declare const ViraCollapsibleWrapper: import("element-vir").DeclarativeElementDefinition<"vira-collapsible-wrapper", {
     expanded: boolean;

package/dist/elements/vira-collapsible-wrapper.element.js

@@ -6,7 +6,7 @@ import { defineViraElement } from './define-vira-element.js';
  *
  * @category Collapsible
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-collapsible-wrapper
+ * @see https://electrovir.github.io/vira/book/elements/vira-collapsible-wrapper
  */
 export const ViraCollapsibleWrapper = defineViraElement()({
     tagName: 'vira-collapsible-wrapper',
@@ -65,6 +65,7 @@ export const ViraCollapsibleWrapper = defineViraElement()({
             >
                 <slot name=${slotNames.header}>Header</slot>
             </button>
+
             <div class="collapsing-element" style=${collapsingStyles} disabled="disabled">
                 <div
                     ${onResize(({ contentRect }) => {

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

@@ -18,7 +18,7 @@ export declare const viraDropdownTestIds: {
  *
  * @category Dropdown
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/dropdown/vira-dropdown
+ * @see https://electrovir.github.io/vira/book/elements/dropdown/vira-dropdown
  */
 export declare const ViraDropdown: import("element-vir").DeclarativeElementDefinition<"vira-dropdown", {
     options: ReadonlyArray<Readonly<MenuItem>>;

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

@@ -24,7 +24,7 @@ export const viraDropdownTestIds = {
  *
  * @category Dropdown
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/dropdown/vira-dropdown
+ * @see https://electrovir.github.io/vira/book/elements/dropdown/vira-dropdown
  */
 export const ViraDropdown = defineViraElement()({
     tagName: 'vira-dropdown',
@@ -167,6 +167,7 @@ export const ViraDropdown = defineViraElement()({
                     >
                         ${prefixTemplate} ${selectionDisplay}
                     </span>
+
                     <span class="trigger-icon-wrapper">
                         <${ViraIcon.assign({ icon: ChevronUp24Icon })}
                             class="trigger-icon"

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

@@ -4,7 +4,7 @@ import { type ViraIconSvg } from '../icons/icon-svg.js';
  *
  * @category Icon
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-icon
+ * @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;

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

@@ -5,7 +5,7 @@ import { defineViraElement } from './define-vira-element.js';
  *
  * @category Icon
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-icon
+ * @see https://electrovir.github.io/vira/book/elements/vira-icon
  */
 export const ViraIcon = defineViraElement()({
     tagName: 'vira-icon',

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

@@ -9,7 +9,7 @@ import { type Duration, type DurationUnit } from 'date-vir';
  *
  * @category Image
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-image
+ * @see https://electrovir.github.io/vira/book/elements/vira-image
  */
 export declare const ViraImage: import("element-vir").DeclarativeElementDefinition<"vira-image", {
     /** The URL of the image to load. This is passed directly to the `<img>` element. */

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

@@ -12,7 +12,7 @@ import { ViraIcon } from './vira-icon.element.js';
  *
  * @category Image
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-image
+ * @see https://electrovir.github.io/vira/book/elements/vira-image
  */
 export const ViraImage = defineViraElement()({
     tagName: 'vira-image',

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

@@ -17,7 +17,7 @@ export declare enum ViraInputType {
  *
  * @category Input
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-input
+ * @see https://electrovir.github.io/vira/book/elements/vira-input
  */
 export declare const ViraInput: import("element-vir").DeclarativeElementDefinition<"vira-input", {
     icon?: undefined | Pick<ViraIconSvg, "svgTemplate">;

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

@@ -26,7 +26,7 @@ export var ViraInputType;
  *
  * @category Input
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-input
+ * @see https://electrovir.github.io/vira/book/elements/vira-input
  */
 export const ViraInput = defineViraElement()({
     tagName: 'vira-input',
@@ -297,6 +297,7 @@ export const ViraInput = defineViraElement()({
                             <pre>${filteredValue || inputs.placeholder || nothing}</pre>
                         </span>
                     `)}
+
                 <input
                     type=${calculateEffectiveInputType(inputs.type, state.showPassword)}
                     style=${forcedInputWidthStyles}
@@ -322,6 +323,7 @@ export const ViraInput = defineViraElement()({
                     placeholder=${ifDefined(inputs.placeholder || undefined)}
                     ${attributes(inputs.attributePassthrough)}
                 />
+
                 ${renderIf(!!(inputs.showClearButton && inputs.value), html `
                         <button
                             class="clear-x-button"
@@ -355,11 +357,14 @@ export const ViraInput = defineViraElement()({
                 ${renderIf(!!inputs.suffix, html `
                         <div class="suffix">${inputs.suffix}</div>
                     `)}
+
                 <!--
                     These separate style elements are necessary so that we can select them as
                     siblings of the focused <input> element.
                 -->
+
                 <div class="border-style focus-border"></div>
+
                 <div class="border-style wrapper-border"></div>
             </span>
         `;

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

@@ -17,7 +17,7 @@ export type ViraLinkRoute = Readonly<{
  *
  * @category Link
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-link
+ * @see https://electrovir.github.io/vira/book/elements/vira-link
  */
 export declare const ViraLink: import("element-vir").DeclarativeElementDefinition<"vira-link", import("type-fest/source/require-exactly-one.js")._RequireExactlyOne<{
     /**

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

@@ -6,7 +6,7 @@ import { defineViraElement } from './define-vira-element.js';
  *
  * @category Link
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-link
+ * @see https://electrovir.github.io/vira/book/elements/vira-link
  */
 export const ViraLink = defineViraElement()({
     tagName: 'vira-link',

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

@@ -6,7 +6,7 @@ import { type PartialWithUndefined } from '@augment-vir/common';
  *
  * @category Progress
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-progress
+ * @see https://electrovir.github.io/vira/book/elements/vira-progress
  */
 export declare const ViraProgress: import("element-vir").DeclarativeElementDefinition<"vira-progress", Readonly<{
     value: number;

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

@@ -9,7 +9,7 @@ import { defineViraElement } from './define-vira-element.js';
  *
  * @category Progress
  * @category Elements
- * @see https://electrovir.github.io/element-vir/vira/book/elements/vira-progress
+ * @see https://electrovir.github.io/vira/book/elements/vira-progress
  */
 export const ViraProgress = defineViraElement()({
     tagName: 'vira-progress',
@@ -69,6 +69,7 @@ export const ViraProgress = defineViraElement()({
                           display: none;
                       `}
             ></div>
+
             <div class="background-bar"></div>
         `;
     },

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

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/chat24icon
+ * @see https://electrovir.github.io/vira/book/icons/chat24icon
  */
 export declare const Chat24Icon: import("../icon-svg.js").ViraIconSvg;

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

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/chat24icon
+ * @see https://electrovir.github.io/vira/book/icons/chat24icon
  */
 export const Chat24Icon = defineIcon({
     name: 'Chat24Icon',

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

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/check24icon
+ * @see https://electrovir.github.io/vira/book/icons/check24icon
  */
 export declare const Check24Icon: import("../icon-svg.js").ViraIconSvg;

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

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/check24icon
+ * @see https://electrovir.github.io/vira/book/icons/check24icon
  */
 export const Check24Icon = defineIcon({
     name: 'Check24Icon',

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

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/chevronup24icon
+ * @see https://electrovir.github.io/vira/book/icons/chevronup24icon
  */
 export declare const ChevronUp24Icon: import("../icon-svg.js").ViraIconSvg;

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

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/chevronup24icon
+ * @see https://electrovir.github.io/vira/book/icons/chevronup24icon
  */
 export const ChevronUp24Icon = defineIcon({
     name: 'ChevronUp24Icon',

package/dist/icons/icon-svgs/close-x-24.icon.d.ts

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/closex24icon
+ * @see https://electrovir.github.io/vira/book/icons/closex24icon
  */
 export declare const CloseX24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/close-x-24.icon.js

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/closex24icon
+ * @see https://electrovir.github.io/vira/book/icons/closex24icon
  */
 export const CloseX24Icon = defineIcon({
     name: 'CloseX24Icon',
@@ -20,6 +20,7 @@ export const CloseX24Icon = defineIcon({
                 stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
                 stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
             />
+
             <path
                 d="M9 8.5l6 7m0 -7l-6 7"
                 fill="none"

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

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/commit24icon
+ * @see https://electrovir.github.io/vira/book/icons/commit24icon
  */
 export declare const Commit24Icon: import("../icon-svg.js").ViraIconSvg;

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

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/commit24icon
+ * @see https://electrovir.github.io/vira/book/icons/commit24icon
  */
 export const Commit24Icon = defineIcon({
     name: 'Commit24Icon',
@@ -27,6 +27,7 @@ export const Commit24Icon = defineIcon({
                 stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
                 fill=${viraIconCssVars['vira-icon-fill-color'].value}
             />
+
             <path
                 d="M12 2v6m0 8v6"
                 stroke=${viraIconCssVars['vira-icon-stroke-color'].value}

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

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/document24icon
+ * @see https://electrovir.github.io/vira/book/icons/document24icon
  */
 export declare const Document24Icon: import("../icon-svg.js").ViraIconSvg;

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

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/document24icon
+ * @see https://electrovir.github.io/vira/book/icons/document24icon
  */
 export const Document24Icon = defineIcon({
     name: 'Document24Icon',
@@ -24,6 +24,7 @@ export const Document24Icon = defineIcon({
                 stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
                 fill=${viraIconCssVars['vira-icon-fill-color'].value}
             />
+
             <path
                 d="M13 3v6h6"
                 stroke=${viraIconCssVars['vira-icon-stroke-color'].value}

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

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

package/dist/icons/icon-svgs/element-16.icon.js

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/element16icon
+ * @see https://electrovir.github.io/vira/book/icons/element16icon
  */
 export const Element16Icon = defineIcon({
     name: 'Element16Icon',

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

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/element24icon
+ * @see https://electrovir.github.io/vira/book/icons/element24icon
  */
 export declare const Element24Icon: import("../icon-svg.js").ViraIconSvg;

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

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/element24icon
+ * @see https://electrovir.github.io/vira/book/icons/element24icon
  */
 export const Element24Icon = defineIcon({
     name: 'Element24Icon',

package/dist/icons/icon-svgs/external-link-24.icon.d.ts

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

package/dist/icons/icon-svgs/external-link-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 external link icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/externallink24icon
+ */
+export const ExternalLink24Icon = defineIcon({
+    name: 'ExternalLink24Icon',
+    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="M11 7H6a2 2 0 0 0-2 2v9c0 1.1.9 2 2 2h9a2 2 0 0 0 2-2v-5"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill=${viraIconCssVars['vira-icon-fill-color'].value}
+            />
+            <path
+                d="M10 14 20 4m-5 0h5v5"
+                stroke=${viraIconCssVars['vira-icon-stroke-color'].value}
+                stroke-width=${viraIconCssVars['vira-icon-stroke-width'].value}
+                fill="none"
+            />
+        </svg>
+    `,
+});

package/dist/icons/icon-svgs/eye-closed-24.icon.d.ts

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/eyeclosed24icon
+ * @see https://electrovir.github.io/vira/book/icons/eyeclosed24icon
  */
 export declare const EyeClosed24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/eye-closed-24.icon.js

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/eyeclosed24icon
+ * @see https://electrovir.github.io/vira/book/icons/eyeclosed24icon
  */
 export const EyeClosed24Icon = defineIcon({
     name: 'EyeClosed24Icon',

package/dist/icons/icon-svgs/eye-open-24.icon.d.ts

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/eyeopen24icon
+ * @see https://electrovir.github.io/vira/book/icons/eyeopen24icon
  */
 export declare const EyeOpen24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/eye-open-24.icon.js

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/eyeopen24icon
+ * @see https://electrovir.github.io/vira/book/icons/eyeopen24icon
  */
 export const EyeOpen24Icon = defineIcon({
     name: 'EyeOpen24Icon',

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

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

package/dist/icons/icon-svgs/link-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 link icon.
+ *
+ * @category Icon
+ * @category SVG
+ * @see https://electrovir.github.io/vira/book/icons/link24icon
+ */
+export const Link24Icon = defineIcon({
+    name: 'Link24Icon',
+    svgTemplate: html `
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xml:space="preserve"
+            style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:2"
+            viewBox="0 0 24 24"
+            width="24"
+            height="24"
+        >
+            <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=${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}
+            />
+        </svg>
+    `,
+});

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

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/loader24icon
+ * @see https://electrovir.github.io/vira/book/icons/loader24icon
  */
 export declare const Loader24Icon: import("../icon-svg.js").ViraIconSvg;

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

@@ -6,7 +6,7 @@ import { defineIcon } from '../icon-svg.js';
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/loader24icon
+ * @see https://electrovir.github.io/vira/book/icons/loader24icon
  */
 export const Loader24Icon = defineIcon({
     name: 'Loader24Icon',

package/dist/icons/icon-svgs/loader-animated-24.icon.d.ts

@@ -3,6 +3,6 @@
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/loaderanimated24icon
+ * @see https://electrovir.github.io/vira/book/icons/loaderanimated24icon
  */
 export declare const LoaderAnimated24Icon: import("../icon-svg.js").ViraIconSvg;

package/dist/icons/icon-svgs/loader-animated-24.icon.js

@@ -22,7 +22,7 @@ const animatedLoaderStyles = css `
  *
  * @category Icon
  * @category SVG
- * @see https://electrovir.github.io/element-vir/vira/book/icons/loaderanimated24icon
+ * @see https://electrovir.github.io/vira/book/icons/loaderanimated24icon
  */
 export const LoaderAnimated24Icon = defineIcon({
     name: 'LoaderAnimated24Icon',

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

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