@ds-autonomie/web-components 2.14.0 → 2.15.0

package/dist/chunks/chunk.KAG2EIKO.js

@@ -0,0 +1,134 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/pagination/pagination.styles.ts
+import { css } from "lit";
+var pagination_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+  }
+
+  p {
+    margin: 0;
+  }
+
+  .pagination {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--dsa-spacing-16);
+    font: var(--dsa-wc-pagination-font);
+    color: var(--dsa-wc-pagination-color);
+    container-type: inline-size;
+  }
+  .pagination--desktop,
+  .skeleton--desktop {
+    height: var(--dsa-wc-pagination-height-desktop);
+  }
+
+  .pagination__items {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 2rem;
+    justify-content: space-between;
+  }
+  .pagination--desktop .pagination__items {
+    width: auto;
+    justify-content: start;
+  }
+
+  .pagination__itemsperpage {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+  ::slotted(dsa-select) {
+    --dsa-wc-input-on-layer-border-color: var(
+      --dsa-wc-pagination-select-border-color
+    );
+    --dsa-wc-select-input-font-small: var(--dsa-wc-pagination-select-font);
+    width: 70px;
+  }
+
+  .pagination__navigation {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    width: 100%;
+  }
+  .pagination--desktop .pagination__navigation {
+    width: auto;
+    margin-inline-start: auto;
+  }
+
+  .pagination__navigation__page-input {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    gap: var(--dsa-spacing-4);
+  }
+  dsa-input {
+    width: 32px;
+  }
+
+  .button-list {
+    display: flex;
+    gap: 0;
+    margin: 0;
+    padding: 0;
+  }
+  .button-list li {
+    list-style: none;
+  }
+
+  /* Compact */
+  :host([compact]) .button-list {
+    gap: 4px;
+    justify-content: space-between;
+    width: 100%;
+  }
+  :host([compact]) .button-list dsa-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  /* Skeleton */
+  .skeleton {
+    --navigation-height: var(--dsa-spacing-32);
+    display: grid;
+    grid-template:
+      'navigation navigation navigation' var(--navigation-height)
+      'results . itemsperpage' var(--dsa-spacing-32)
+      / auto;
+    gap: var(--dsa-spacing-16);
+    align-items: center;
+  }
+  .skeleton--desktop {
+    --navigation-height: var(--dsa-wc-pagination-height-desktop);
+    grid-template:
+      'results itemsperpage . navigation navigation' var(--navigation-height)
+      / auto;
+  }
+  :host([compact]) {
+    --navigation-height: var(--dsa-spacing-40);
+  }
+
+  .skeleton__navigation {
+    grid-area: navigation;
+  }
+  .skeleton__results {
+    grid-area: results;
+  }
+  .skeleton__itemsperpage {
+    grid-area: itemsperpage;
+  }
+`;
+
+export {
+  pagination_styles_default
+};

package/dist/chunks/chunk.KJFIJI7X.js

@@ -0,0 +1,26 @@
+import {
+  ShoelaceElement
+} from "./chunk.SL3DN4BD.js";
+import {
+  __decorateClass
+} from "./chunk.N3L4GIUO.js";
+
+// src/internal/loading-state-element.ts
+import { property } from "lit/decorators.js";
+var LoadingStateElement = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.loading = false;
+    this.skeletonEffect = "none";
+  }
+};
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LoadingStateElement.prototype, "loading", 2);
+__decorateClass([
+  property({ attribute: "skeleton-effect", reflect: true })
+], LoadingStateElement.prototype, "skeletonEffect", 2);
+
+export {
+  LoadingStateElement
+};

package/dist/chunks/chunk.KOGIJSJ2.js

@@ -0,0 +1,230 @@
+import {
+  form_control_styles_default
+} from "./chunk.XATWRKAV.js";
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/file-upload/file-upload.styles.ts
+import { css } from "lit";
+var file_upload_styles_default = css`
+  ${component_styles_default}
+  ${form_control_styles_default}
+
+  /* Overrides form-control styles */
+  .form-control {
+    display: grid;
+    align-content: start;
+    grid-template:
+      'label . .'
+      'description description description'
+      'field field field' 1fr
+      'helpText helpText helpText'
+      'errorText errorText errorText'
+      'fileList fileList fileList'
+      / auto auto minmax(0, 1fr);
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  /* Label */
+  .form-control--has-label.form-control--medium .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-medium);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--has-label.form-control--small .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-small);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--has-label.form-control--large .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-large);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Description */
+  .form-control .form-control__description {
+    grid-area: description;
+    display: none;
+  }
+
+  .form-control--has-description .form-control__description {
+    display: block;
+    color: var(--dsa-color-input-helper);
+  }
+
+  .form-control--small .form-control__description {
+    font: var(--dsa-wc-file-upload-description-font-small);
+  }
+
+  .form-control.form-control--small .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--medium .form-control__description {
+    font: var(--dsa-wc-file-upload-description-font-medium);
+  }
+
+  .form-control.form-control--medium .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--large .form-control__description {
+    font: var(--dsa-wc-file-upload-description-font-large);
+  }
+
+  .form-control.form-control--large .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Help Text */
+  .form-control.form-control--small .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-small);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--medium .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-medium);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--large .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-large);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  /* Error Text */
+  .form-control.form-control--small .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-small);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--medium .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-medium);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--large .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-large);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  /* Slot Files */
+  [part~='slot_files'] {
+    grid-area: fileList;
+    display: inline-block;
+    padding-top: var(--dsa-spacing-16);
+    padding-inline-start: 0;
+    margin: 0;
+  }
+
+  [part~='slot_files'] ::slotted(dsa-file-upload-item:not(:first-of-type)) {
+    padding-top: var(--dsa-spacing-8);
+  }
+
+  .button-container {
+    position: relative;
+  }
+
+  /* Button (Copy of button secondary styles) */
+  .button {
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: center;
+    width: auto;
+    border-style: solid;
+    border-width: var(--dsa-wc-button-border-width);
+    border-radius: var(--dsa-wc-button-border-radius);
+    text-decoration: none;
+    user-select: none;
+    white-space: nowrap;
+    vertical-align: middle;
+    padding: 0 var(--dsa-wc-button-padding-horizontal);
+    transition:
+      var(--dsa-wc-transition-x-fast) background-color,
+      var(--dsa-wc-transition-x-fast) color,
+      var(--dsa-wc-transition-x-fast) border,
+      var(--dsa-wc-transition-x-fast) box-shadow;
+    cursor: pointer;
+    background-color: var(--dsa-wc-button-secondary-on-base-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-color);
+    color: var(--dsa-wc-button-secondary-on-base-font-color);
+  }
+
+  .button::-moz-focus-inner {
+    border: 0;
+  }
+
+  .button:focus {
+    outline: none;
+  }
+
+  .button:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  /* When disabled, prevent mouse events from bubbling up from children */
+  .button--disabled * {
+    pointer-events: none;
+  }
+  .button--disabled {
+    cursor: not-allowed;
+  }
+
+  .button:hover:not(.button--disabled) {
+    background-color: var(--dsa-wc-button-secondary-on-base-hover-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-hover-color);
+    color: var(--dsa-wc-button-secondary-on-base-hover-font-color);
+  }
+  .button:active:not(.button--disabled) {
+    background-color: var(--dsa-wc-button-secondary-on-base-active-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-active-color);
+    color: var(--dsa-wc-button-secondary-on-base-active-font-color);
+  }
+  .button.button--disabled {
+    background-color: var(--dsa-wc-button-secondary-on-base-disabled-color);
+    border-color: var(--dsa-wc-button-secondary-on-base-disabled-color);
+    color: var(--dsa-wc-button-secondary-on-base-disabled-font-color);
+  }
+
+  .button--small {
+    font: var(--dsa-wc-button-font-small);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-8);
+    padding-bottom: var(--dsa-spacing-8);
+  }
+
+  .button--medium {
+    font: var(--dsa-wc-button-font);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-12);
+    padding-bottom: var(--dsa-spacing-12);
+  }
+
+  .button--large {
+    font: var(--dsa-wc-button-font-large);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-16);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Input */
+  [part~='input'] {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+`;
+
+export {
+  file_upload_styles_default
+};

package/dist/chunks/chunk.KONRKBD4.js

@@ -0,0 +1,85 @@
+// src/components/icon/library.system.ts
+var icons = {
+  add: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>`,
+  add_box: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-8-2h2v-4h4v-2h-4V7h-2v4H7v2h4z"/></svg>`,
+  arrow_upward: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/></svg>`,
+  arrow_forward: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"/></svg>`,
+  calendar_today: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"/></svg>`,
+  cancel: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z"/></svg>`,
+  check: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/></svg>`,
+  check_circle: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 14 14" fill="none">
+<path d="M7.00065 0.332031C3.32065 0.332031 0.333984 3.3187 0.333984 6.9987C0.333984 10.6787 3.32065 13.6654 7.00065 13.6654C10.6807 13.6654 13.6673 10.6787 13.6673 6.9987C13.6673 3.3187 10.6807 0.332031 7.00065 0.332031ZM5.66732 10.332L2.33398 6.9987L3.27398 6.0587L5.66732 8.44536L10.7273 3.38536L11.6673 4.33203L5.66732 10.332Z"/>
+</svg>`,
+  chevron_left: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z"/></svg>`,
+  chevron_right: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/></svg>`,
+  clear: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`,
+  close: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`,
+  copy: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 -960 960 960"><path d="M120-220v-80h80v80h-80Zm0-140v-80h80v80h-80Zm0-140v-80h80v80h-80ZM260-80v-80h80v80h-80Zm100-160q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480Zm40 240v-80h80v80h-80Zm-200 0q-33 0-56.5-23.5T120-160h80v80Zm340 0v-80h80q0 33-23.5 56.5T540-80ZM120-640q0-33 23.5-56.5T200-720v80h-80Zm420 80Z"/></svg>`,
+  delete: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"/></svg>`,
+  done: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>`,
+  download: `
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+      <path d="M18 15V18H6V15H4V18C4 19.1 4.9 20 6 20H18C19.1 20 20 19.1 20 18V15H18ZM17 11L15.59 9.59L13 12.17V4H11V12.17L8.41 9.59L7 11L12 16L17 11Z" fill="currentColor"/>
+    </svg>
+  `,
+  drag_indicator: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>`,
+  edit: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m14.06 9.02.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83a.996.996 0 0 0 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z"/></svg>`,
+  email: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>`,
+  error: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>`,
+  error_outline: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>`,
+  expand_more: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"/></svg>`,
+  filter_list: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/></svg>`,
+  french_flag: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <g clip-path="url(#clip0_24022_31892)">
+    <rect x="0.25" y="0.25" width="23.5" height="23.5" rx="1.75" fill="white" stroke="#F5F5F5" stroke-width="0.5"/>
+    <mask id="mask0_24022_31892" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+      <rect x="0.25" y="0.25" width="23.5" height="23.5" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>
+    </mask>
+    <g mask="url(#mask0_24022_31892)">
+      <rect x="16" width="8" height="24" fill="#F44653"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M0 24H8V0H0V24Z" fill="#1035BB"/>
+    </g>
+  </g>
+  <defs>
+    <clipPath id="clip0_24022_31892">
+      <rect width="24" height="24" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>`,
+  horizontal_rule: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4 11h16v2H4z"/></svg>`,
+  indeterminate_check_box: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 11h10v2H7z"/></svg>`,
+  info: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>`,
+  keyboard_arrow_left: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"/></svg>`,
+  keyboard_arrow_right: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg>`,
+  lock: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg>`,
+  person_filled: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>`,
+  remove: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"/></svg>`,
+  report_gmailerrorred: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM19 14.9 14.9 19H9.1L5 14.9V9.1L9.1 5h5.8L19 9.1v5.8z"/><circle cx="12" cy="16" r="1"/><path d="M11 7h2v7h-2z"/></svg>`,
+  report_problem: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"/></svg>`,
+  restart_alt: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 13c0-1.65.67-3.15 1.76-4.24L6.34 7.34A8.014 8.014 0 0 0 4 13c0 4.08 3.05 7.44 7 7.93v-2.02c-2.83-.48-5-2.94-5-5.91zm14 0c0-4.42-3.58-8-8-8-.06 0-.12.01-.18.01l1.09-1.09L11.5 2.5 8 6l3.5 3.5 1.41-1.41-1.08-1.08c.06 0 .12-.01.17-.01 3.31 0 6 2.69 6 6 0 2.97-2.17 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93z"/></svg>`,
+  search: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>`,
+  settings: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46a.5.5 0 0 0-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1a.566.566 0 0 0-.18-.03c-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46a.5.5 0 0 0 .61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg>`,
+  schedule: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>`,
+  star: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z"/></svg>`,
+  table_view: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 7H9c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm0 2v2H9V9h10zm-6 6v-2h2v2h-2zm2 2v2h-2v-2h2zm-4-2H9v-2h2v2zm6-2h2v2h-2v-2zm-8 4h2v2H9v-2zm8 2v-2h2v2h-2zM6 17H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v1h-2V5H5v10h1v2z"/></svg>`,
+  task_alt: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 5.18 10.59 16.6l-4.24-4.24 1.41-1.41 2.83 2.83 10-10L22 5.18zm-2.21 5.04c.13.57.21 1.17.21 1.78 0 4.42-3.58 8-8 8s-8-3.58-8-8 3.58-8 8-8c1.58 0 3.04.46 4.28 1.25l1.44-1.44A9.9 9.9 0 0 0 12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10c0-1.19-.22-2.33-.6-3.39l-1.61 1.61z"/></svg>`,
+  view_column: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 5v14h18V5H3zm5.33 12H5V7h3.33v10zm5.34 0h-3.33V7h3.33v10zM19 17h-3.33V7H19v10z"/></svg>`,
+  visibility: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 6a9.77 9.77 0 0 1 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0 1 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"/></svg>`,
+  visibility_off: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"/></svg>`
+};
+var SYSTEM_ICONS = Object.keys(icons);
+var systemLibrary = {
+  name: "system",
+  resolver: (name) => {
+    if (name in icons) {
+      return `data:image/svg+xml,${encodeURIComponent(icons[name])}`;
+    }
+    return "";
+  },
+  mutator: (svg) => svg.setAttribute("fill", "currentColor")
+};
+
+export {
+  SYSTEM_ICONS,
+  systemLibrary
+};