vira 33.8.0 → 33.9.0

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

@@ -29,6 +29,12 @@ export type ViraCheckboxInputs = {
     fillWhenChecked: boolean;
     /** The checkbox will be filled with a form error color when it is unchecked. */
     fillWhenUnchecked: boolean;
+    /**
+     * Renders the checkbox in its checked colors with a dash instead of a check mark, and sets
+     * `aria-checked` to `mixed`. Takes precedence over `value` for rendering only: clicking still
+     * dispatches the negation of `value`.
+     */
+    isIndeterminate: boolean;
 }>;
 /**
  * A custom checkbox.

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

@@ -170,6 +170,7 @@ export const ViraCheckbox = defineViraElement()({
             }
         }
         const hasLabel = !!inputs.label || state.hasSlottedLabel;
+        const isIndeterminate = !!inputs.isIndeterminate;
         const labelTemplate = html `
             <span
                 class="label-text ${classMap({
@@ -203,13 +204,13 @@ export const ViraCheckbox = defineViraElement()({
                 ${labelTemplate}
                 <span
                     class="custom-checkbox ${classMap({
-            checked: inputs.value,
+            checked: inputs.value || isIndeterminate,
             disabled: !!inputs.isDisabled,
             error: !!inputs.hasError,
         })}"
                     role="checkbox"
                     aria-label=${ifDefined((check.isString(inputs.label) && inputs.label) || undefined)}
-                    aria-checked=${inputs.value ? 'true' : 'false'}
+                    aria-checked=${isIndeterminate ? 'mixed' : inputs.value ? 'true' : 'false'}
                     aria-disabled=${inputs.isDisabled ? 'true' : 'false'}
                     tabindex=${inputs.isDisabled ? '-1' : '0'}
                     ${attributes(inputs.attributePassthrough?.['custom-checkbox'])}
@@ -217,7 +218,9 @@ export const ViraCheckbox = defineViraElement()({
                     ${listenToActivate(updateValue)}
                 >
                     <${ViraIcon.assign({
-            icon: internalLucideIcons.Check16,
+            icon: isIndeterminate
+                ? internalLucideIcons.Minus16
+                : internalLucideIcons.Check16,
             fitContainer: true,
         })}
                         ${attributes(inputs.attributePassthrough?.[ViraIcon.tagName])}

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

@@ -13,6 +13,7 @@ export declare const internalLucideIcons: {
     Eye16: import("./icon-svg.js").ViraIconSvg<"Eye">;
     EyeOff16: import("./icon-svg.js").ViraIconSvg<"EyeOff">;
     GripVertical16: import("./icon-svg.js").ViraIconSvg<"GripVertical">;
+    Minus16: import("./icon-svg.js").ViraIconSvg<"Minus">;
     Plus16: import("./icon-svg.js").ViraIconSvg<"Plus">;
     X16: import("./icon-svg.js").ViraIconSvg<"X">;
     X24: import("./icon-svg.js").ViraIconSvg<"X">;

package/dist/icons/internal-lucide-icons.js

@@ -7,6 +7,7 @@ import { LucideCopyIcon } from './lucide/copy.icon.js';
 import { LucideEyeOffIcon } from './lucide/eye-off.icon.js';
 import { LucideEyeIcon } from './lucide/eye.icon.js';
 import { LucideGripVerticalIcon } from './lucide/grip-vertical.icon.js';
+import { LucideMinusIcon } from './lucide/minus.icon.js';
 import { LucidePlusIcon } from './lucide/plus.icon.js';
 import { LucideXIcon } from './lucide/x.icon.js';
 import { createSizedIcon } from './sized-icon.js';
@@ -25,6 +26,7 @@ export const internalLucideIcons = {
     Eye16: LucideEyeIcon,
     EyeOff16: LucideEyeOffIcon,
     GripVertical16: LucideGripVerticalIcon,
+    Minus16: LucideMinusIcon,
     Plus16: LucidePlusIcon,
     X16: LucideXIcon,
     X24: createSizedIcon(LucideXIcon, 24),

package/dist/icons/lucide/certificate.icon.d.ts

@@ -0,0 +1,8 @@
+/** This file is automatically updated by generate-lucide-icons.ts */
+/**
+ * Lucide's `Certificate` icon, rendered at 16px.
+ *
+ * @category Lucide Icon
+ * @see https://lucide.dev/icons/certificate
+ */
+export declare const LucideCertificateIcon: import("../icon-svg.js").ViraIconSvg<"Certificate">;

package/dist/icons/lucide/certificate.icon.js

@@ -0,0 +1,13 @@
+/** This file is automatically updated by generate-lucide-icons.ts */
+import { Certificate as svg } from 'lucide-static';
+import { createLucideIcon } from '../lucide-icon.js';
+/**
+ * Lucide's `Certificate` icon, rendered at 16px.
+ *
+ * @category Lucide Icon
+ * @see https://lucide.dev/icons/certificate
+ */
+export const LucideCertificateIcon = createLucideIcon({
+    name: 'Certificate',
+    svg,
+});

package/dist/icons/lucide/eighth-note.icon.d.ts

@@ -0,0 +1,8 @@
+/** This file is automatically updated by generate-lucide-icons.ts */
+/**
+ * Lucide's `EighthNote` icon, rendered at 16px.
+ *
+ * @category Lucide Icon
+ * @see https://lucide.dev/icons/eighth-note
+ */
+export declare const LucideEighthNoteIcon: import("../icon-svg.js").ViraIconSvg<"EighthNote">;

package/dist/icons/lucide/eighth-note.icon.js

@@ -0,0 +1,13 @@
+/** This file is automatically updated by generate-lucide-icons.ts */
+import { EighthNote as svg } from 'lucide-static';
+import { createLucideIcon } from '../lucide-icon.js';
+/**
+ * Lucide's `EighthNote` icon, rendered at 16px.
+ *
+ * @category Lucide Icon
+ * @see https://lucide.dev/icons/eighth-note
+ */
+export const LucideEighthNoteIcon = createLucideIcon({
+    name: 'EighthNote',
+    svg,
+});

package/dist/icons/lucide/eighth-notes.icon.d.ts

@@ -0,0 +1,8 @@
+/** This file is automatically updated by generate-lucide-icons.ts */
+/**
+ * Lucide's `EighthNotes` icon, rendered at 16px.
+ *
+ * @category Lucide Icon
+ * @see https://lucide.dev/icons/eighth-notes
+ */
+export declare const LucideEighthNotesIcon: import("../icon-svg.js").ViraIconSvg<"EighthNotes">;

package/dist/icons/lucide/eighth-notes.icon.js

@@ -0,0 +1,13 @@
+/** This file is automatically updated by generate-lucide-icons.ts */
+import { EighthNotes as svg } from 'lucide-static';
+import { createLucideIcon } from '../lucide-icon.js';
+/**
+ * Lucide's `EighthNotes` icon, rendered at 16px.
+ *
+ * @category Lucide Icon
+ * @see https://lucide.dev/icons/eighth-notes
+ */
+export const LucideEighthNotesIcon = createLucideIcon({
+    name: 'EighthNotes',
+    svg,
+});

package/dist/icons/lucide/half-note.icon.d.ts

@@ -0,0 +1,8 @@
+/** This file is automatically updated by generate-lucide-icons.ts */
+/**
+ * Lucide's `HalfNote` icon, rendered at 16px.
+ *
+ * @category Lucide Icon
+ * @see https://lucide.dev/icons/half-note
+ */
+export declare const LucideHalfNoteIcon: import("../icon-svg.js").ViraIconSvg<"HalfNote">;

package/dist/icons/lucide/half-note.icon.js

@@ -0,0 +1,13 @@
+/** This file is automatically updated by generate-lucide-icons.ts */
+import { HalfNote as svg } from 'lucide-static';
+import { createLucideIcon } from '../lucide-icon.js';
+/**
+ * Lucide's `HalfNote` icon, rendered at 16px.
+ *
+ * @category Lucide Icon
+ * @see https://lucide.dev/icons/half-note
+ */
+export const LucideHalfNoteIcon = createLucideIcon({
+    name: 'HalfNote',
+    svg,
+});

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

@@ -318,6 +318,7 @@ export * from './castle.icon.js';
 export * from './cat.icon.js';
 export * from './cctv-off.icon.js';
 export * from './cctv.icon.js';
+export * from './certificate.icon.js';
 export * from './chart-area.icon.js';
 export * from './chart-bar-big.icon.js';
 export * from './chart-bar-decreasing.icon.js';
@@ -606,6 +607,8 @@ export * from './eclipse.icon.js';
 export * from './egg-fried.icon.js';
 export * from './egg-off.icon.js';
 export * from './egg.icon.js';
+export * from './eighth-note.icon.js';
+export * from './eighth-notes.icon.js';
 export * from './eject.icon.js';
 export * from './ellipse.icon.js';
 export * from './ellipsis-vertical.icon.js';
@@ -825,6 +828,7 @@ export * from './groceries.icon.js';
 export * from './group.icon.js';
 export * from './guitar-electric.icon.js';
 export * from './guitar.icon.js';
+export * from './half-note.icon.js';
 export * from './ham.icon.js';
 export * from './hamburger.icon.js';
 export * from './hammer.icon.js';
@@ -1156,10 +1160,6 @@ export * from './move-up-right.icon.js';
 export * from './move-up.icon.js';
 export * from './move-vertical.icon.js';
 export * from './move.icon.js';
-export * from './music-2.icon.js';
-export * from './music-3.icon.js';
-export * from './music-4.icon.js';
-export * from './music.icon.js';
 export * from './navigation-2-off.icon.js';
 export * from './navigation-2.icon.js';
 export * from './navigation-off.icon.js';
@@ -1483,6 +1483,7 @@ export * from './signature.icon.js';
 export * from './signpost-big.icon.js';
 export * from './signpost.icon.js';
 export * from './siren.icon.js';
+export * from './sixteenth-notes.icon.js';
 export * from './skip-back.icon.js';
 export * from './skip-forward.icon.js';
 export * from './skull.icon.js';

package/dist/icons/lucide/index.js

@@ -318,6 +318,7 @@ export * from './castle.icon.js';
 export * from './cat.icon.js';
 export * from './cctv-off.icon.js';
 export * from './cctv.icon.js';
+export * from './certificate.icon.js';
 export * from './chart-area.icon.js';
 export * from './chart-bar-big.icon.js';
 export * from './chart-bar-decreasing.icon.js';
@@ -606,6 +607,8 @@ export * from './eclipse.icon.js';
 export * from './egg-fried.icon.js';
 export * from './egg-off.icon.js';
 export * from './egg.icon.js';
+export * from './eighth-note.icon.js';
+export * from './eighth-notes.icon.js';
 export * from './eject.icon.js';
 export * from './ellipse.icon.js';
 export * from './ellipsis-vertical.icon.js';
@@ -825,6 +828,7 @@ export * from './groceries.icon.js';
 export * from './group.icon.js';
 export * from './guitar-electric.icon.js';
 export * from './guitar.icon.js';
+export * from './half-note.icon.js';
 export * from './ham.icon.js';
 export * from './hamburger.icon.js';
 export * from './hammer.icon.js';
@@ -1156,10 +1160,6 @@ export * from './move-up-right.icon.js';
 export * from './move-up.icon.js';
 export * from './move-vertical.icon.js';
 export * from './move.icon.js';
-export * from './music-2.icon.js';
-export * from './music-3.icon.js';
-export * from './music-4.icon.js';
-export * from './music.icon.js';
 export * from './navigation-2-off.icon.js';
 export * from './navigation-2.icon.js';
 export * from './navigation-off.icon.js';
@@ -1483,6 +1483,7 @@ export * from './signature.icon.js';
 export * from './signpost-big.icon.js';
 export * from './signpost.icon.js';
 export * from './siren.icon.js';
+export * from './sixteenth-notes.icon.js';
 export * from './skip-back.icon.js';
 export * from './skip-forward.icon.js';
 export * from './skull.icon.js';

package/dist/icons/lucide/sixteenth-notes.icon.d.ts

@@ -0,0 +1,8 @@
+/** This file is automatically updated by generate-lucide-icons.ts */
+/**
+ * Lucide's `SixteenthNotes` icon, rendered at 16px.
+ *
+ * @category Lucide Icon
+ * @see https://lucide.dev/icons/sixteenth-notes
+ */
+export declare const LucideSixteenthNotesIcon: import("../icon-svg.js").ViraIconSvg<"SixteenthNotes">;

package/dist/icons/lucide/sixteenth-notes.icon.js

@@ -0,0 +1,13 @@
+/** This file is automatically updated by generate-lucide-icons.ts */
+import { SixteenthNotes as svg } from 'lucide-static';
+import { createLucideIcon } from '../lucide-icon.js';
+/**
+ * Lucide's `SixteenthNotes` icon, rendered at 16px.
+ *
+ * @category Lucide Icon
+ * @see https://lucide.dev/icons/sixteenth-notes
+ */
+export const LucideSixteenthNotesIcon = createLucideIcon({
+    name: 'SixteenthNotes',
+    svg,
+});

package/dist/util/popover-manager.js

@@ -46,7 +46,13 @@ export function isTextInputActive() {
  */
 export function isMouseEventOnScrollbar(event) {
     const target = event.composedPath()[0];
-    if (!(target instanceof Element)) {
+    if (!(target instanceof Element) ||
+        /**
+         * Inline boxes cannot have scrollbars. Firefox still reports a nonzero scroll size for them
+         * while their client size is always 0, so without this every click on inline content (such
+         * as a `<b>` in a dropdown label) looks like a scrollbar click.
+         */
+        globalThis.getComputedStyle(target).display === 'inline') {
         return false;
     }
     const rect = target.getBoundingClientRect();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "33.8.0",
+    "version": "33.9.0",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",
@@ -48,7 +48,7 @@
         "json-schema-to-ts": "^3.1.1",
         "lit": "^3.3.3",
         "lit-css-vars": "^3.6.3",
-        "lucide-static": "1.57.0",
+        "lucide-static": "1.59.0",
         "object-shape-tester": "^6.15.1",
         "observavir": "^2.4.2",
         "page-active": "^1.0.4",

package/dist/icons/lucide/music-2.icon.d.ts

@@ -1,8 +0,0 @@
-/** This file is automatically updated by generate-lucide-icons.ts */
-/**
- * Lucide's `Music2` icon, rendered at 16px.
- *
- * @category Lucide Icon
- * @see https://lucide.dev/icons/music-2
- */
-export declare const LucideMusic2Icon: import("../icon-svg.js").ViraIconSvg<"Music2">;

package/dist/icons/lucide/music-2.icon.js

@@ -1,13 +0,0 @@
-/** This file is automatically updated by generate-lucide-icons.ts */
-import { Music2 as svg } from 'lucide-static';
-import { createLucideIcon } from '../lucide-icon.js';
-/**
- * Lucide's `Music2` icon, rendered at 16px.
- *
- * @category Lucide Icon
- * @see https://lucide.dev/icons/music-2
- */
-export const LucideMusic2Icon = createLucideIcon({
-    name: 'Music2',
-    svg,
-});

package/dist/icons/lucide/music-3.icon.d.ts

@@ -1,8 +0,0 @@
-/** This file is automatically updated by generate-lucide-icons.ts */
-/**
- * Lucide's `Music3` icon, rendered at 16px.
- *
- * @category Lucide Icon
- * @see https://lucide.dev/icons/music-3
- */
-export declare const LucideMusic3Icon: import("../icon-svg.js").ViraIconSvg<"Music3">;

package/dist/icons/lucide/music-3.icon.js

@@ -1,13 +0,0 @@
-/** This file is automatically updated by generate-lucide-icons.ts */
-import { Music3 as svg } from 'lucide-static';
-import { createLucideIcon } from '../lucide-icon.js';
-/**
- * Lucide's `Music3` icon, rendered at 16px.
- *
- * @category Lucide Icon
- * @see https://lucide.dev/icons/music-3
- */
-export const LucideMusic3Icon = createLucideIcon({
-    name: 'Music3',
-    svg,
-});

package/dist/icons/lucide/music-4.icon.d.ts

@@ -1,8 +0,0 @@
-/** This file is automatically updated by generate-lucide-icons.ts */
-/**
- * Lucide's `Music4` icon, rendered at 16px.
- *
- * @category Lucide Icon
- * @see https://lucide.dev/icons/music-4
- */
-export declare const LucideMusic4Icon: import("../icon-svg.js").ViraIconSvg<"Music4">;

package/dist/icons/lucide/music-4.icon.js

@@ -1,13 +0,0 @@
-/** This file is automatically updated by generate-lucide-icons.ts */
-import { Music4 as svg } from 'lucide-static';
-import { createLucideIcon } from '../lucide-icon.js';
-/**
- * Lucide's `Music4` icon, rendered at 16px.
- *
- * @category Lucide Icon
- * @see https://lucide.dev/icons/music-4
- */
-export const LucideMusic4Icon = createLucideIcon({
-    name: 'Music4',
-    svg,
-});

package/dist/icons/lucide/music.icon.d.ts

@@ -1,8 +0,0 @@
-/** This file is automatically updated by generate-lucide-icons.ts */
-/**
- * Lucide's `Music` icon, rendered at 16px.
- *
- * @category Lucide Icon
- * @see https://lucide.dev/icons/music
- */
-export declare const LucideMusicIcon: import("../icon-svg.js").ViraIconSvg<"Music">;

package/dist/icons/lucide/music.icon.js

@@ -1,13 +0,0 @@
-/** This file is automatically updated by generate-lucide-icons.ts */
-import { Music as svg } from 'lucide-static';
-import { createLucideIcon } from '../lucide-icon.js';
-/**
- * Lucide's `Music` icon, rendered at 16px.
- *
- * @category Lucide Icon
- * @see https://lucide.dev/icons/music
- */
-export const LucideMusicIcon = createLucideIcon({
-    name: 'Music',
-    svg,
-});