@cruglobal/cornerstone-components 0.6.2 → 0.7.0

package/dist/bundled/chunks/chunk.EWXHN3W2.js

@@ -0,0 +1,118 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsMutationEvent
+} from "./chunk.6XVOSF36.js";
+import {
+  mutation_observer_styles_default
+} from "./chunk.QQSYBMFL.js";
+import {
+  watch
+} from "./chunk.N6DONW5L.js";
+import {
+  CornerstoneElement,
+  customElement,
+  n
+} from "./chunk.6GJWBDJU.js";
+import {
+  b
+} from "./chunk.IPM67WBE.js";
+import {
+  __decorateClass
+} from "./chunk.4QJR2RKX.js";
+
+// src/components/mutation-observer/mutation-observer.ts
+var CsMutationObserver = class extends CornerstoneElement {
+  constructor() {
+    super(...arguments);
+    this.attrOldValue = false;
+    this.charData = false;
+    this.charDataOldValue = false;
+    this.childList = false;
+    this.disabled = false;
+    this.handleMutation = (mutationList) => {
+      this.dispatchEvent(new CsMutationEvent({ mutationList }));
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (typeof MutationObserver !== "undefined") {
+      this.mutationObserver = new MutationObserver(this.handleMutation);
+      if (!this.disabled) {
+        this.startObserver();
+      }
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.stopObserver();
+  }
+  startObserver() {
+    const observeAttributes = typeof this.attr === "string" && this.attr.length > 0;
+    const attributeFilter = observeAttributes && this.attr !== "*" ? this.attr.split(" ") : void 0;
+    try {
+      this.mutationObserver.observe(this, {
+        subtree: true,
+        childList: this.childList,
+        attributes: observeAttributes,
+        attributeFilter,
+        attributeOldValue: this.attrOldValue,
+        characterData: this.charData,
+        characterDataOldValue: this.charDataOldValue
+      });
+    } catch {
+    }
+  }
+  stopObserver() {
+    this.mutationObserver.disconnect();
+  }
+  handleDisabledChange() {
+    if (this.disabled) {
+      this.stopObserver();
+    } else {
+      this.startObserver();
+    }
+  }
+  handleChange() {
+    this.stopObserver();
+    this.startObserver();
+  }
+  render() {
+    return b` <slot></slot> `;
+  }
+};
+CsMutationObserver.css = mutation_observer_styles_default;
+__decorateClass([
+  n({ reflect: true })
+], CsMutationObserver.prototype, "attr", 2);
+__decorateClass([
+  n({ attribute: "attr-old-value", type: Boolean, reflect: true })
+], CsMutationObserver.prototype, "attrOldValue", 2);
+__decorateClass([
+  n({ attribute: "char-data", type: Boolean, reflect: true })
+], CsMutationObserver.prototype, "charData", 2);
+__decorateClass([
+  n({ attribute: "char-data-old-value", type: Boolean, reflect: true })
+], CsMutationObserver.prototype, "charDataOldValue", 2);
+__decorateClass([
+  n({ attribute: "child-list", type: Boolean, reflect: true })
+], CsMutationObserver.prototype, "childList", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CsMutationObserver.prototype, "disabled", 2);
+__decorateClass([
+  watch("disabled")
+], CsMutationObserver.prototype, "handleDisabledChange", 1);
+__decorateClass([
+  watch("attr", { waitUntilFirstUpdate: true }),
+  watch("attr-old-value", { waitUntilFirstUpdate: true }),
+  watch("char-data", { waitUntilFirstUpdate: true }),
+  watch("char-data-old-value", { waitUntilFirstUpdate: true }),
+  watch("childList", { waitUntilFirstUpdate: true })
+], CsMutationObserver.prototype, "handleChange", 1);
+CsMutationObserver = __decorateClass([
+  customElement("cs-mutation-observer")
+], CsMutationObserver);
+
+export {
+  CsMutationObserver
+};

package/dist/bundled/chunks/chunk.EXISE3CO.js

@@ -0,0 +1,354 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsHoverEvent
+} from "./chunk.MC3AMWVM.js";
+import {
+  rating_styles_default
+} from "./chunk.P64I5VA4.js";
+import {
+  o as o2
+} from "./chunk.ILKSZZRX.js";
+import {
+  RequiredValidator
+} from "./chunk.JWCSDME6.js";
+import {
+  clamp
+} from "./chunk.V6RGSF6J.js";
+import {
+  CornerstoneFormAssociatedElement
+} from "./chunk.HNXB5BK2.js";
+import {
+  size_styles_default
+} from "./chunk.WMLOKPMQ.js";
+import {
+  o
+} from "./chunk.RZ5QECBK.js";
+import {
+  e
+} from "./chunk.VKLPFGMH.js";
+import {
+  watch
+} from "./chunk.N6DONW5L.js";
+import {
+  customElement,
+  n,
+  r
+} from "./chunk.6GJWBDJU.js";
+import {
+  LocalizeController
+} from "./chunk.HGW5EEZU.js";
+import {
+  b
+} from "./chunk.IPM67WBE.js";
+import {
+  __decorateClass
+} from "./chunk.4QJR2RKX.js";
+
+// src/components/rating/rating.ts
+var CsRating = class extends CornerstoneFormAssociatedElement {
+  constructor() {
+    super(...arguments);
+    this.assumeInteractionOn = ["change"];
+    this.localize = new LocalizeController(this);
+    this.role = "slider";
+    this.hoverValue = 0;
+    this.isHovering = false;
+    this.name = null;
+    this.label = "";
+    this.value = 0;
+    this.defaultValue = 0;
+    this.max = 5;
+    this.precision = 1;
+    this.readonly = false;
+    this.required = false;
+    this.getSymbol = (_value, isSelected) => {
+      return isSelected ? '<cs-icon name="star" library="system" variant="fill"></cs-icon>' : '<cs-icon name="star" library="system"></cs-icon>';
+    };
+    this.size = "m";
+    this.handleClick = (event) => {
+      if (this.disabled) {
+        return;
+      }
+      this.setRatingValue(this.getValueFromXCoordinate(event.clientX));
+      this.updateComplete.then(() => {
+        this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+      });
+    };
+    this.handleKeyDown = (event) => {
+      const isLtr = this.matches(":dir(ltr)");
+      const isRtl = this.localize.dir() === "rtl";
+      const oldValue = this.value;
+      if (this.disabled || this.readonly) {
+        return;
+      }
+      if (event.key === "ArrowDown" || isLtr && event.key === "ArrowLeft" || isRtl && event.key === "ArrowRight") {
+        const decrement = event.shiftKey ? 1 : this.precision;
+        this.value = Math.max(0, this.value - decrement);
+        event.preventDefault();
+      }
+      if (event.key === "ArrowUp" || isLtr && event.key === "ArrowRight" || isRtl && event.key === "ArrowLeft") {
+        const increment = event.shiftKey ? 1 : this.precision;
+        this.value = Math.min(this.max, this.value + increment);
+        event.preventDefault();
+      }
+      if (event.key === "Home") {
+        this.value = 0;
+        event.preventDefault();
+      }
+      if (event.key === "End") {
+        this.value = this.max;
+        event.preventDefault();
+      }
+      if (this.value !== oldValue) {
+        this.updateComplete.then(() => {
+          this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+        });
+      }
+    };
+    this.handlePointerEnter = (event) => {
+      this.isHovering = true;
+      this.hoverValue = this.getValueFromPointerPosition(event);
+    };
+    this.handlePointerMove = (event) => {
+      this.hoverValue = this.getValueFromPointerPosition(event);
+    };
+    this.handlePointerLeave = () => {
+      this.isHovering = false;
+    };
+    this.handlePointerDown = (event) => {
+      if (event.button !== 0) {
+        return;
+      }
+      this.isHovering = true;
+      this.hoverValue = this.getValueFromPointerPosition(event);
+      this.setPointerCapture(event.pointerId);
+      event.preventDefault();
+    };
+    this.handlePointerUp = (event) => {
+      this.releasePointerCapture(event.pointerId);
+      this.isHovering = false;
+    };
+  }
+  static get validators() {
+    return [...super.validators, RequiredValidator()];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("aria-valuenow", String(this.value));
+    this.setAttribute("aria-valuemin", "0");
+    this.setAttribute("aria-valuemax", String(this.max));
+    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+    this.setAttribute("aria-readonly", this.readonly ? "true" : "false");
+    if (this.label) {
+      this.setAttribute("aria-label", this.label);
+    }
+    if (!this.disabled && !this.readonly) {
+      this.tabIndex = 0;
+    } else {
+      this.tabIndex = -1;
+    }
+    this.addEventListener("click", this.handleClick);
+    this.addEventListener("keydown", this.handleKeyDown);
+    this.addEventListener("pointerenter", this.handlePointerEnter);
+    this.addEventListener("pointermove", this.handlePointerMove);
+    this.addEventListener("pointerleave", this.handlePointerLeave);
+    this.addEventListener("pointerdown", this.handlePointerDown);
+    this.addEventListener("pointerup", this.handlePointerUp);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("click", this.handleClick);
+    this.removeEventListener("keydown", this.handleKeyDown);
+    this.removeEventListener("pointerenter", this.handlePointerEnter);
+    this.removeEventListener("pointermove", this.handlePointerMove);
+    this.removeEventListener("pointerleave", this.handlePointerLeave);
+    this.removeEventListener("pointerdown", this.handlePointerDown);
+    this.removeEventListener("pointerup", this.handlePointerUp);
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (changedProperties.has("value")) {
+      this.setAttribute("aria-valuenow", String(this.value));
+    }
+    if (changedProperties.has("max")) {
+      this.setAttribute("aria-valuemax", String(this.max));
+    }
+    if (changedProperties.has("disabled")) {
+      this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
+      this.tabIndex = this.disabled || this.readonly ? -1 : 0;
+    }
+    if (changedProperties.has("readonly")) {
+      this.setAttribute("aria-readonly", this.readonly ? "true" : "false");
+      this.tabIndex = this.disabled || this.readonly ? -1 : 0;
+    }
+    if (changedProperties.has("label")) {
+      if (this.label) {
+        this.setAttribute("aria-label", this.label);
+      } else {
+        this.removeAttribute("aria-label");
+      }
+    }
+  }
+  getValueFromPointerPosition(event) {
+    return this.getValueFromXCoordinate(event.clientX);
+  }
+  getValueFromXCoordinate(coordinate) {
+    const isRtl = this.localize.dir() === "rtl";
+    const { left, right, width } = this.getBoundingClientRect();
+    const value = isRtl ? this.roundToPrecision((right - coordinate) / width * this.max, this.precision) : this.roundToPrecision((coordinate - left) / width * this.max, this.precision);
+    return clamp(value, 0, this.max);
+  }
+  setRatingValue(newValue) {
+    if (this.disabled || this.readonly) {
+      return;
+    }
+    this.value = newValue === this.value ? 0 : newValue;
+    this.isHovering = false;
+  }
+  roundToPrecision(numberToRound, precision = 0.5) {
+    const multiplier = 1 / precision;
+    return Math.ceil(numberToRound * multiplier) / multiplier;
+  }
+  handleHoverValueChange() {
+    this.dispatchEvent(
+      new CsHoverEvent({
+        phase: "move",
+        value: this.hoverValue
+      })
+    );
+  }
+  handleIsHoveringChange() {
+    this.dispatchEvent(
+      new CsHoverEvent({
+        phase: this.isHovering ? "start" : "end",
+        value: this.hoverValue
+      })
+    );
+  }
+  formResetCallback() {
+    this.value = this.defaultValue;
+    super.formResetCallback();
+  }
+  render() {
+    const isRtl = this.didSSR && !this.hasUpdated ? this.dir : this.localize.dir() === "rtl";
+    const counter = Array.from(Array(this.max).keys());
+    let displayValue = 0;
+    if (this.disabled || this.readonly) {
+      displayValue = this.value;
+    } else {
+      displayValue = this.isHovering ? this.hoverValue : this.value;
+    }
+    return b`
+      <div
+        part="rating"
+        class=${e({
+      rating: true,
+      "rating-readonly": this.readonly,
+      "rating-disabled": this.disabled
+    })}
+      >
+        <span class="symbols">
+          ${counter.map((index) => {
+      const isSelected = displayValue >= index + 1;
+      if (displayValue > index && displayValue < index + 1) {
+        return b`
+                <span
+                  class=${e({
+          symbol: true,
+          "partial-symbol-container": true,
+          "symbol-hover": this.isHovering && Math.ceil(displayValue) === index + 1
+        })}
+                  role="presentation"
+                >
+                  <div
+                    style=${o({
+          clipPath: isRtl ? `inset(0 ${(displayValue - index) * 100}% 0 0)` : `inset(0 0 0 ${(displayValue - index) * 100}%)`
+        })}
+                  >
+                    ${o2(this.getSymbol(index + 1, false))}
+                  </div>
+                  <div
+                    class="partial-filled"
+                    style=${o({
+          clipPath: isRtl ? `inset(0 0 0 ${100 - (displayValue - index) * 100}%)` : `inset(0 ${100 - (displayValue - index) * 100}% 0 0)`
+        })}
+                  >
+                    ${o2(this.getSymbol(index + 1, true))}
+                  </div>
+                </span>
+              `;
+      }
+      return b`
+              <span
+                class=${e({
+        symbol: true,
+        "symbol-hover": this.isHovering && Math.ceil(displayValue) === index + 1,
+        "symbol-active": displayValue >= index + 1
+      })}
+                role="presentation"
+              >
+                ${o2(this.getSymbol(index + 1, isSelected))}
+              </span>
+            `;
+    })}
+        </span>
+      </div>
+    `;
+  }
+};
+CsRating.css = [size_styles_default, rating_styles_default];
+__decorateClass([
+  n({ reflect: true })
+], CsRating.prototype, "role", 2);
+__decorateClass([
+  r()
+], CsRating.prototype, "hoverValue", 2);
+__decorateClass([
+  r()
+], CsRating.prototype, "isHovering", 2);
+__decorateClass([
+  n()
+], CsRating.prototype, "name", 2);
+__decorateClass([
+  n()
+], CsRating.prototype, "label", 2);
+__decorateClass([
+  n({ type: Number })
+], CsRating.prototype, "value", 2);
+__decorateClass([
+  n({ type: Number, attribute: "default-value" })
+], CsRating.prototype, "defaultValue", 2);
+__decorateClass([
+  n({ type: Number })
+], CsRating.prototype, "max", 2);
+__decorateClass([
+  n({ type: Number })
+], CsRating.prototype, "precision", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CsRating.prototype, "readonly", 2);
+__decorateClass([
+  n({ type: Boolean })
+], CsRating.prototype, "disabled", 2);
+__decorateClass([
+  n({ type: Boolean, reflect: true })
+], CsRating.prototype, "required", 2);
+__decorateClass([
+  n()
+], CsRating.prototype, "getSymbol", 2);
+__decorateClass([
+  n({ reflect: true })
+], CsRating.prototype, "size", 2);
+__decorateClass([
+  watch("hoverValue")
+], CsRating.prototype, "handleHoverValueChange", 1);
+__decorateClass([
+  watch("isHovering")
+], CsRating.prototype, "handleIsHoveringChange", 1);
+CsRating = __decorateClass([
+  customElement("cs-rating")
+], CsRating);
+
+export {
+  CsRating
+};

package/dist/bundled/chunks/chunk.F3TEYKB3.js

@@ -0,0 +1,128 @@
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+
+// src/components/icon/library.system.ts
+function dataUri(svg) {
+  return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+var icons = {
+  //
+  // Regular (outlined) variant
+  //
+  regular: {
+    add: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M450-450H200v-60h250v-250h60v250h250v60H510v250h-60v-250Z"/></svg>`,
+    audio_file: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M427-192q41 0 70-28.31T526-290v-202h116v-60H486v187q-11-9-26.38-14-15.39-5-32.62-5-39.27 0-66.13 27.5Q334-329 334-289.5t26.87 68.5q26.86 29 66.13 29ZM160-80v-800h421l219 219v581H160Zm391-554v-186H220v680h520v-494H551ZM220-820v186-186 680-680Z"/></svg>`,
+    calendar_today: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-80v-740h125v-60h65v60h340v-60h65v60h125v740H120Zm60-60h600v-430H180v430Zm0-490h600v-130H180v130Zm0 0v-130 130Z"/></svg>`,
+    cancel: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m330-288 150-150 150 150 42-42-150-150 150-150-42-42-150 150-150-150-42 42 150 150-150 150 42 42ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z"/></svg>`,
+    check: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M378-246 154-470l43-43 181 181 384-384 43 43-427 427Z"/></svg>`,
+    close: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/></svg>`,
+    close_fullscreen: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m122-80-42-42 298-298H160v-60h320v320h-60v-218L122-80Zm358-400v-320h60v218l298-298 42 42-298 298h218v60H480Z"/></svg>`,
+    closed_caption: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-160v-640h720v640H120Zm60-60h600v-520H180v520Zm60-141h202v-72h-50v22H290v-138h102v22h50v-72H240v238Zm279 0h202v-72h-50v22H569v-138h102v22h50v-72H519v238ZM180-220v-520 520Z"/></svg>`,
+    closed_caption_disabled: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m361-599 50 50H290v138h102v-22h50v72H240v-238h121ZM246-800h594v594l-60-60v-474H306l-60-60Zm475 367v72h-36l-50-50h36v-22h50Zm-50-94v-22H569v72l-50-50v-72h202v72h-50Zm-128 24Zm-126 46ZM163-797l57 57h-40v520h474L26-848l43-43L876-84l-43 43-119-119H120v-637h43Z"/></svg>`,
+    code_blocks: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m379-343 44-44-93-93 92-92-44-44-136 136 137 137Zm202 0 137-137-137-137-44 44 93 93-93 93 44 44ZM120-120v-720h720v720H120Zm60-60h600v-600H180v600Zm0 0v-600 600Z"/></svg>`,
+    colorize: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-120v-168l377-377-72-72 41-41 92 92 166-166 128 128-166 166 92 92-41 41-72-72-377 377H120Zm60-60h87l355-355-87-87-355 355v87Zm463-420 124-124-43-43-124 124 43 43Zm0 0-43-43 43 43Z"/></svg>`,
+    content_copy: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M240-200v-680h560v680H240Zm60-60h440v-560H300v560ZM120-80v-680h60v620h500v60H120Zm180-180v-560 560Z"/></svg>`,
+    description: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M319-250h322v-60H319v60Zm0-170h322v-60H319v60ZM160-80v-800h421l219 219v581H160Zm391-554v-186H220v680h520v-494H551ZM220-820v186-186 680-680Z"/></svg>`,
+    draft: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M160-80v-800h421l219 219v581H160Zm391-554v-186H220v680h520v-494H551ZM220-820v186-186 680-680Z"/></svg>`,
+    drag_indicator: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M349.91-160q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Zm260 0q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Zm-260-250q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Zm260 0q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Zm-260-250q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Zm260 0q-28.91 0-49.41-20.59-20.5-20.59-20.5-49.5t20.59-49.41q20.59-20.5 49.5-20.5t49.41 20.59q20.5 20.59 20.5 49.5t-20.59 49.41q-20.59 20.5-49.5 20.5Z"/></svg>`,
+    fast_forward: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M104-240v-480l346 240-346 240Zm407 0v-480l346 240-346 240ZM164-480Zm407 0ZM164-355l181-125-181-125v250Zm407 0 181-125-181-125v250Z"/></svg>`,
+    fast_rewind: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M854-240 508-480l346-240v480Zm-402 0L106-480l346-240v480Zm-60-240Zm402 0ZM392-355v-250L211-480l181 125Zm402 0v-250L613-480l181 125Z"/></svg>`,
+    folder_zip: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M640-496v-92h92v92h-92Zm0 92h-92v-92h92v92Zm0 92v-92h92v92h-92ZM456-680l-60-60H140v520h408v-92h92v92h180v-460H640v92h-92v-92h-92ZM80-160v-640h341l60 60h399v580H80Zm60-60v-520 520Z"/></svg>`,
+    help: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M511-258q11-11 11-27t-11-27q-11-11-27-11t-27 11q-11 11-11 27t11 27q11 11 27 11t27-11Zm-62-135h59q0-26 6.5-47.5T555-490q31-26 44-51t13-55q0-53-34.5-85T486-713q-49 0-86.5 24.5T345-621l53 20q11-28 33-43.5t52-15.5q34 0 55 18.5t21 47.5q0 22-13 41.5T508-512q-30 26-44.5 51.5T449-393Zm31 313q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z"/></svg>`,
+    horizontal_rule: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M160-450v-60h640v60H160Z"/></svg>`,
+    image: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M236-277h489L578-473 446-302l-93-127-117 152ZM120-120v-720h720v720H120Zm60-60h600v-600H180v600Zm0 0v-600 600Z"/></svg>`,
+    keyboard_arrow_down: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480-344 240-584l43-43 197 197 197-197 43 43-240 240Z"/></svg>`,
+    keyboard_arrow_left: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M561-240 320-481l241-241 43 43-198 198 198 198-43 43Z"/></svg>`,
+    keyboard_arrow_right: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M530-481 332-679l43-43 241 241-241 241-43-43 198-198Z"/></svg>`,
+    keyboard_double_arrow_left: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M453-241 213-481l240-240 42 42-198 198 198 198-42 42Zm253 0L466-481l240-240 42 42-198 198 198 198-42 42Z"/></svg>`,
+    keyboard_double_arrow_right: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M411-481 213-679l42-42 240 240-240 240-42-42 198-198Zm253 0L466-679l42-42 240 240-240 240-42-42 198-198Z"/></svg>`,
+    more_horiz: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M207.86-432Q188-432 174-446.14t-14-34Q160-500 174.14-514t34-14Q228-528 242-513.86t14 34Q256-460 241.86-446t-34 14Zm272 0Q460-432 446-446.14t-14-34Q432-500 446.14-514t34-14Q500-528 514-513.86t14 34Q528-460 513.86-446t-34 14Zm272 0Q732-432 718-446.14t-14-34Q704-500 718.14-514t34-14Q772-528 786-513.86t14 34Q800-460 785.86-446t-34 14Z"/></svg>`,
+    more_vert: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M479.86-160Q460-160 446-174.14t-14-34Q432-228 446.14-242t34-14Q500-256 514-241.86t14 34Q528-188 513.86-174t-34 14Zm0-272Q460-432 446-446.14t-14-34Q432-500 446.14-514t34-14Q500-528 514-513.86t14 34Q528-460 513.86-446t-34 14Zm0-272Q460-704 446-718.14t-14-34Q432-772 446.14-786t34-14Q500-800 514-785.86t14 34Q528-732 513.86-718t-34 14Z"/></svg>`,
+    open_in_full: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-120v-300h60v198l558-558H540v-60h300v300h-60v-198L222-180h198v60H120Z"/></svg>`,
+    pause: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M525-200v-560h235v560H525Zm-325 0v-560h235v560H200Zm385-60h115v-440H585v440Zm-325 0h115v-440H260v440Zm0-440v440-440Zm325 0v440-440Z"/></svg>`,
+    person: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M372-523q-42-42-42-108t42-108q42-42 108-42t108 42q42 42 42 108t-42 108q-42 42-108 42t-108-42ZM160-160v-94q0-38 19-65t49-41q67-30 128.5-45T480-420q62 0 123 15.5T731-360q31 14 50 41t19 65v94H160Zm60-60h520v-34q0-16-9.5-30.5T707-306q-64-31-117-42.5T480-360q-57 0-111 11.5T252-306q-14 7-23 21.5t-9 30.5v34Zm324.5-346.5Q570-592 570-631t-25.5-64.5Q519-721 480-721t-64.5 25.5Q390-670 390-631t25.5 64.5Q441-541 480-541t64.5-25.5ZM480-631Zm0 411Z"/></svg>`,
+    picture_as_pdf: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M331-431h37v-83h70l15-15v-92l-15-15H331v205Zm37-120v-48h48v48h-48Zm129 120h106l15-15v-175l-15-15H497v205Zm37-37v-131h47v131h-47Zm133 37h37v-83h50v-37h-50v-48h50v-37h-87v205ZM200-200v-680h680v680H200Zm60-60h560v-560H260v560ZM80-80v-680h60v620h620v60H80Zm180-740v560-560Z"/></svg>`,
+    picture_in_picture_alt: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M80-160v-640h800v640H80Zm60-60h680v-520H140v520Zm0 0v-520 520Zm306-45h335v-257H446v257Zm60-60v-137h215v137H506Z"/></svg>`,
+    play_arrow: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M320-203v-560l440 280-440 280Zm60-280Zm0 171 269-171-269-171v342Z"/></svg>`,
+    play_circle: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m383-310 267-170-267-170v340Zm97 230q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Zm0-340Z"/></svg>`,
+    radio_button_unchecked: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Zm0-60q142 0 241-99.5T820-480q0-142-99-241t-241-99q-141 0-240.5 99T140-480q0 141 99.5 240.5T480-140Z"/></svg>`,
+    remove: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M200-450v-60h560v60H200Z"/></svg>`,
+    schedule: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m627-287 45-45-159-160v-201h-60v225l174 181ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-82 31.5-155t86-127.5Q252-817 325-848.5T480-880q82 0 155 31.5t127.5 86Q817-708 848.5-635T880-480q0 82-31.5 155t-86 127.5Q708-143 635-111.5T480-80Zm0-400Zm0 340q140 0 240-100t100-240q0-140-100-240T480-820q-140 0-240 100T140-480q0 140 100 240t240 100Z"/></svg>`,
+    settings: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m388-80-20-126q-19-7-40-19t-37-25l-118 54-93-164 108-79q-2-9-2.5-20.5T185-480q0-9 .5-20.5T188-521L80-600l93-164 118 54q16-13 37-25t40-18l20-127h184l20 126q19 7 40.5 18.5T669-710l118-54 93 164-108 77q2 10 2.5 21.5t.5 21.5q0 10-.5 21t-2.5 21l108 78-93 164-118-54q-16 13-36.5 25.5T592-206L572-80H388Zm48-60h88l14-112q33-8 62.5-25t53.5-41l106 46 40-72-94-69q4-17 6.5-33.5T715-480q0-17-2-33.5t-7-33.5l94-69-40-72-106 46q-23-26-52-43.5T538-708l-14-112h-88l-14 112q-34 7-63.5 24T306-642l-106-46-40 72 94 69q-4 17-6.5 33.5T245-480q0 17 2.5 33.5T254-413l-94 69 40 72 106-46q24 24 53.5 41t62.5 25l14 112Zm44-210q54 0 92-38t38-92q0-54-38-92t-92-38q-54 0-92 38t-38 92q0 54 38 92t92 38Zm0-130Z"/></svg>`,
+    skip_next: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M680-240v-480h60v480h-60Zm-460 0v-480l346 240-346 240Zm60-240Zm0 125 181-125-181-125v250Z"/></svg>`,
+    skip_previous: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M220-240v-480h60v480h-60Zm520 0L394-480l346-240v480Zm-60-240Zm0 125v-250L499-480l181 125Z"/></svg>`,
+    slideshow: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m387-311 261-169-261-169v338ZM120-120v-720h720v720H120Zm60-60h600v-600H180v600Zm0 0v-600 600Z"/></svg>`,
+    speed: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M473.5-303.5Q517-305 537-336l216-339-335 219q-30 20-32 64t21 67q23 23 66.5 21.5ZM478-799q57 0 119 18.5T716-717l-52 37q-45-30-96.5-44.5T477.98-739q-140.47 0-239.23 100.22Q140-538.57 140-396.02 140-351 152.5-305q12.5 46 35.5 85h579q22-36 35-84t13-94q0-42-12.5-90.5T758-578l39-52q38 56 57 112.5T875-404q2 60-12 113t-41 98q-12 23-25.5 28t-33.5 5H192q-17 0-33.5-8.5T134-193q-26-48-40-97.5T80-396q0-83 31.5-156.5t85.5-128Q251-735 323.68-767T478-799Zm-9 331Z"/></svg>`,
+    star: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m323-245 157-94 157 95-42-178 138-120-182-16-71-168-71 167-182 16 138 120-42 178Zm-90 125 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-355Z"/></svg>`,
+    table_chart: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-121v-719h720v719H120Zm60-518h600v-141H180v141Zm0 458h130v-398H180v398Zm470 0h130v-398H650v398Zm-280 0h220v-398H370v398Z"/></svg>`,
+    upload: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M450-313v-371L330-564l-43-43 193-193 193 193-43 43-120-120v371h-60ZM160-160v-203h60v143h520v-143h60v203H160Z"/></svg>`,
+    video_file: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M317-240h245v-90l80 46v-152l-80 46v-90H317v240ZM160-80v-800h421l219 219v581H160Zm391-554v-186H220v680h520v-494H551ZM220-820v186-186 680-680Z"/></svg>`,
+    visibility: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M600.5-379.5Q650-429 650-500t-49.5-120.5Q551-670 480-670t-120.5 49.5Q310-571 310-500t49.5 120.5Q409-330 480-330t120.5-49.5Zm-200-41Q368-453 368-500t32.5-79.5Q433-612 480-612t79.5 32.5Q592-547 592-500t-32.5 79.5Q527-388 480-388t-79.5-32.5ZM216-283Q98-366 40-500q58-134 176-217t264-83q146 0 264 83t176 217q-58 134-176 217t-264 83q-146 0-264-83Zm264-217Zm222.5 174.5Q804-391 857-500q-53-109-154.5-174.5T480-740q-121 0-222.5 65.5T102-500q54 109 155.5 174.5T480-260q121 0 222.5-65.5Z"/></svg>`,
+    visibility_off: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m629-419-44-44q26-71-27-118t-115-24l-44-44q17-11 38-16t43-5q71 0 120.5 49.5T650-500q0 22-5.5 43.5T629-419Zm129 129-40-40q49-36 85.5-80.5T857-500q-50-111-150-175.5T490-740q-42 0-86 8t-69 19l-46-47q35-16 89.5-28T485-800q143 0 261.5 81.5T920-500q-26 64-67 117t-95 93Zm58 226L648-229q-35 14-79 21.5t-89 7.5q-146 0-265-81.5T40-500q20-52 55.5-101.5T182-696L56-822l42-43 757 757-39 44ZM223-654q-37 27-71.5 71T102-500q51 111 153.5 175.5T488-260q33 0 65-4t48-12l-64-64q-11 5-27 7.5t-30 2.5q-70 0-120-49t-50-121q0-15 2.5-30t7.5-27l-97-97Zm305 142Zm-116 58Z"/></svg>`,
+    volume_down: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M200-360v-240h160l200-200v640L360-360H200Zm420 48v-337q54 17 87 64t33 105q0 59-33 105t-87 63ZM500-648 387-540H260v120h127l113 109v-337ZM378-480Z"/></svg>`,
+    volume_off: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M813-56 681-188q-28 20-60.5 34.5T553-131v-62q23-7 44.5-15.5T638-231L473-397v237L273-360H113v-240h156L49-820l43-43 764 763-43 44Zm-36-232-43-43q20-34 29.5-71.92Q773-440.85 773-481q0-103.32-60-184.66T553-769v-62q124 28 202 125.5T833-481q0 51-14 100t-42 93ZM643-422l-90-90v-130q47 22 73.5 66t26.5 96q0 15-2.5 29.5T643-422ZM473-592 369-696l104-104v208Zm-60 286v-150l-84-84H173v120h126l114 114Zm-42-192Z"/></svg>`,
+    volume_up: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M560-131v-62q97-28 158.5-107.5T780-481q0-101-61-181T560-769v-62q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm420 48v-337q55 17 87.5 64T660-480q0 57-33 104t-87 64ZM420-648 307-540H180v120h127l113 109v-337Zm-94 168Z"/></svg>`
+  },
+  //
+  // Fill variant — only icons whose filled cut differs from the outlined one
+  //
+  fill: {
+    audio_file: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M427-192q41 0 70-28.31T526-290v-202h116v-60H486v187q-11-9-26.38-14-15.39-5-32.62-5-39.27 0-66.13 27.5Q334-329 334-289.5t26.87 68.5q26.86 29 66.13 29ZM160-80v-800h421l219 219v581H160Zm391-554h189L551-820v186Z"/></svg>`,
+    calendar_today: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-80v-740h125v-60h65v60h340v-60h65v60h125v740H120Zm60-60h600v-430H180v430Z"/></svg>`,
+    cancel: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m330-288 150-150 150 150 42-42-150-150 150-150-42-42-150 150-150-150-42 42 150 150-150 150 42 42ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Z"/></svg>`,
+    closed_caption: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-160v-640h720v640H120Zm120-201h202v-72h-50v22H290v-138h102v22h50v-72H240v238Zm279 0h202v-72h-50v22H569v-138h102v22h50v-72H519v238Z"/></svg>`,
+    closed_caption_disabled: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-160v-595l-94-93 43-43L876-84l-43 43-119-119H120Zm720-47L686-361h35v-72h-50v22h-36l-66-66v-72h102v22h50v-72H519v72L246-800h594v593ZM240-361h202v-72h-50v22H290v-138h35l-47-47h-38v235Z"/></svg>`,
+    code_blocks: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m379-343 44-44-93-93 92-92-44-44-136 136 137 137Zm202 0 137-137-137-137-44 44 93 93-93 93 44 44ZM120-120v-720h720v720H120Z"/></svg>`,
+    colorize: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-120v-168l377-377-72-72 41-41 92 92 166-166 128 128-166 166 92 92-41 41-72-72-377 377H120Zm60-60h87l355-355-87-87-355 355v87Z"/></svg>`,
+    content_copy: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M240-200v-680h560v680H240ZM120-80v-680h60v620h500v60H120Z"/></svg>`,
+    description: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M319-250h322v-60H319v60Zm0-170h322v-60H319v60ZM160-80v-800h421l219 219v581H160Zm391-554h189L551-820v186Z"/></svg>`,
+    draft: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M160-80v-800h421l219 219v581H160Zm391-554h189L551-820v186Z"/></svg>`,
+    drag_indicator: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M358.41-160Q326-160 303-183.29t-23-56Q280-272 303.23-295t55.86-23q31.91 0 55.41 23.29 23.5 23.29 23.5 56T414.41-183q-23.59 23-56 23Zm241 0Q567-160 544-183.29t-23-56Q521-272 544.23-295t55.86-23q31.91 0 55.41 23.29 23.5 23.29 23.5 56T655.41-183q-23.59 23-56 23Zm-241-241Q326-401 303-423.09t-23-57q0-32.62 23.23-55.77Q326.46-559 359.09-559q31.91 0 55.41 23.23 23.5 23.23 23.5 55.86Q438-445 414.41-423t-56 22Zm241 0Q567-401 544-423.09t-23-57q0-32.62 23.23-55.77Q567.46-559 600.09-559q31.91 0 55.41 23.23 23.5 23.23 23.5 55.86Q679-445 655.41-423t-56 22Zm-241-241Q326-642 303-665.29t-23-56Q280-754 303.23-777t55.86-23q31.91 0 55.41 23.29 23.5 23.29 23.5 56T414.41-665q-23.59 23-56 23Zm241 0Q567-642 544-665.29t-23-56Q521-754 544.23-777t55.86-23q31.91 0 55.41 23.29 23.5 23.29 23.5 56T655.41-665q-23.59 23-56 23Z"/></svg>`,
+    fast_forward: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M104-240v-480l346 240-346 240Zm407 0v-480l346 240-346 240Z"/></svg>`,
+    fast_rewind: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M854-240 508-480l346-240v480Zm-402 0L106-480l346-240v480Z"/></svg>`,
+    folder_zip: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M80-160v-640h341l60 60h399v580H80Zm468-60h92v-92h92v-92h-92v-92h92v-92h-92v-92h-92v92h92v92h-92v92h92v92h-92v92Z"/></svg>`,
+    help: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M511-258q11-11 11-27t-11-27q-11-11-27-11t-27 11q-11 11-11 27t11 27q11 11 27 11t27-11Zm-62-135h59q0-26 6.5-47.5T555-490q31-26 44-51t13-55q0-53-34.5-85T486-713q-49 0-86.5 24.5T345-621l53 20q11-28 33-43.5t52-15.5q34 0 55 18.5t21 47.5q0 22-13 41.5T508-512q-30 26-44.5 51.5T449-393Zm31 313q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Z"/></svg>`,
+    image: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M236-277h489L578-473 446-302l-93-127-117 152ZM120-120v-720h720v720H120Z"/></svg>`,
+    pause: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M555-200v-560h175v560H555Zm-325 0v-560h175v560H230Z"/></svg>`,
+    person: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M372-523q-42-42-42-108t42-108q42-42 108-42t108 42q42 42 42 108t-42 108q-42 42-108 42t-108-42ZM160-160v-94q0-38 19-65t49-41q67-30 128.5-45T480-420q62 0 123 15.5T731-360q31 14 50 41t19 65v94H160Z"/></svg>`,
+    picture_as_pdf: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M331-431h37v-83h70l15-15v-92l-15-15H331v205Zm37-120v-48h48v48h-48Zm129 120h106l15-15v-175l-15-15H497v205Zm37-37v-131h47v131h-47Zm133 37h37v-83h50v-37h-50v-48h50v-37h-87v205ZM200-200v-680h680v680H200ZM80-80v-680h60v620h620v60H80Z"/></svg>`,
+    picture_in_picture_alt: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M80-160v-640h800v640H80Zm366-105h335v-257H446v257Zm168-129Z"/></svg>`,
+    play_arrow: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M320-203v-560l440 280-440 280Z"/></svg>`,
+    play_circle: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m383-310 267-170-267-170v340Zm97 230q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-156t86-127Q252-817 325-848.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82-31.5 155T763-197.5q-54 54.5-127 86T480-80Z"/></svg>`,
+    schedule: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m627-287 45-45-159-160v-201h-60v225l174 181ZM480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-82 31.5-155t86-127.5Q252-817 325-848.5T480-880q82 0 155 31.5t127.5 86Q817-708 848.5-635T880-480q0 82-31.5 155t-86 127.5Q708-143 635-111.5T480-80Z"/></svg>`,
+    settings: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m388-80-20-126q-19-7-40-19t-37-25l-118 54-93-164 108-79q-2-9-2.5-20.5T185-480q0-9 .5-20.5T188-521L80-600l93-164 118 54q16-13 37-25t40-18l20-127h184l20 126q19 7 40.5 18.5T669-710l118-54 93 164-108 77q2 10 2.5 21.5t.5 21.5q0 10-.5 21t-2.5 21l108 78-93 164-118-54q-16 13-36.5 25.5T592-206L572-80H388Zm92-270q54 0 92-38t38-92q0-54-38-92t-92-38q-54 0-92 38t-38 92q0 54 38 92t92 38Z"/></svg>`,
+    skip_next: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M680-240v-480h60v480h-60Zm-460 0v-480l346 240-346 240Z"/></svg>`,
+    skip_previous: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M220-240v-480h60v480h-60Zm520 0L394-480l346-240v480Z"/></svg>`,
+    slideshow: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m387-311 261-169-261-169v338ZM120-120v-720h720v720H120Z"/></svg>`,
+    speed: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M418-340q25 25 63 23.5t55-27.5l221-333-333 221q-26 18-28.5 54.5T418-340ZM192-160q-18 0-34-8.5T134-193q-26-48-40-100T80-399q0-83 31.5-156T197-682.5q54-54.5 126.5-86T478-800q83 0 156.5 31.5t128 86Q817-628 848.5-555T880-399q0 54-13 106.5T827-193q-9 16-25 24.5t-34 8.5H192Z"/></svg>`,
+    star: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Z"/></svg>`,
+    table_chart: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M120-639v-201h720v201H120Zm0 518v-458h190v458H120Zm530 0v-458h190v458H650Zm-280 0v-458h220v458H370Z"/></svg>`,
+    video_file: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M160-80v-800h421l219 219v581H160Zm391-554h189L551-820v186ZM317-240h245v-90l80 46v-152l-80 46v-90H317v240Z"/></svg>`,
+    visibility: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M600.5-379.5Q650-429 650-500t-49.5-120.5Q551-670 480-670t-120.5 49.5Q310-571 310-500t49.5 120.5Q409-330 480-330t120.5-49.5Zm-200-41Q368-453 368-500t32.5-79.5Q433-612 480-612t79.5 32.5Q592-547 592-500t-32.5 79.5Q527-388 480-388t-79.5-32.5ZM216-283Q98-366 40-500q58-134 176-217t264-83q146 0 264 83t176 217q-58 134-176 217t-264 83q-146 0-264-83Z"/></svg>`,
+    visibility_off: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M816-64 648-229q-35 14-79 21.5t-89 7.5q-146 0-265-81.5T40-500q20-52 55.5-101.5T182-696L56-822l42-43 757 757-39 44ZM480-330q14 0 30-2.5t27-7.5L320-557q-5 12-7.5 27t-2.5 30q0 72 50 121t120 49Zm278 40L629-419q10-16 15.5-37.5T650-500q0-71-49.5-120.5T480-670q-22 0-43 5t-38 16L289-760q35-16 89.5-28T485-800q143 0 261.5 81.5T920-500q-26 64-67 117t-95 93ZM585-463 443-605q29-11 60-4.5t54 28.5q23 23 32 51.5t-4 66.5Z"/></svg>`,
+    volume_down: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M200-360v-240h160l200-200v640L360-360H200Zm420 48v-337q54 17 87 64t33 105q0 59-33 105t-87 63Z"/></svg>`,
+    volume_off: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M813-56 681-188q-28 20-60.5 34.5T553-131v-62q23-7 44.5-15.5T638-231L473-397v237L273-360H113v-240h156L49-820l43-43 764 763-43 44Zm-36-232-43-43q20-34 29.5-72t9.5-78q0-103-60-184.5T553-769v-62q124 28 202 125.5T833-481q0 51-14 100t-42 93ZM643-422l-90-90v-130q47 22 73.5 66t26.5 96q0 15-2.5 29.5T643-422ZM473-592 369-696l104-104v208Z"/></svg>`,
+    volume_up: `<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M560-131v-62q97-28 158.5-107.5T780-481q0-101-61-181T560-769v-62q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm420 48v-337q55 17 87.5 64T660-480q0 57-33 104t-87 64Z"/></svg>`
+  }
+};
+var systemLibrary = {
+  name: "system",
+  resolver: (name, _family = "sharp", variant = "regular") => {
+    const collection = icons[variant] ?? icons.regular;
+    const svg = collection[name] ?? icons.regular[name] ?? icons.regular.help;
+    if (svg) {
+      return dataUri(svg);
+    }
+    return "";
+  },
+  mutator: (svg) => {
+    if (!svg.hasAttribute("fill")) {
+      svg.setAttribute("fill", "currentColor");
+    }
+  }
+};
+var library_system_default = systemLibrary;
+
+export {
+  icons,
+  library_system_default
+};