@easemate/web-kit 0.1.0

package/build/elements/icons/animation/loading.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = void 0;
+const lit_html_1 = require("lit-html");
+const Component_1 = require("~/decorators/Component");
+@(0, Component_1.Component)({
+    tag: 'ease-icon-loading',
+    styles: `
+    :host {
+      display: block;
+      width: var(--ease-icon-size, 12px);
+      height: var(--ease-icon-size, 12px);
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 1.5;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+    }
+
+    [part="loading"] {
+      transform-origin: center center;
+      animation-name: loading, loading-dash, loading-dash-offset;
+      animation-duration: .4s, .8s, .8s;
+      animation-iteration-count: infinite;
+      animation-timing-function: linear;
+      stroke-dasharray: 35 65 35 65;
+      stroke-dashoffset: 75;
+    }
+
+    @keyframes loading {
+      0% {
+        transform: rotate(-90deg);
+      }
+      100% {
+        transform: rotate(270deg);
+      }
+    }
+
+    @keyframes loading-dash {
+      33% {
+        stroke-dasharray: 15 85 15 85;
+      }
+      66% {
+        stroke-dasharray: 45 55 45 55;
+      }
+    }
+
+    @keyframes loading-dash-offset {
+      33% {
+        stroke-dashoffset: 55;
+      }
+      66% {
+        stroke-dashoffset: 85;
+      }
+    }
+  `,
+    template() {
+        return (0, lit_html_1.html) `
+      <svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <circle cx="6" cy="6" r="4.5" stroke-opacity="0.25" />
+        <circle cx="6" cy="6" r="4.5" part="loading" pathlength="100" />
+      </svg>
+    `;
+    }
+})
+class Loading extends HTMLElement {
+}
+exports.Loading = Loading;

package/build/elements/icons/animation/loading.d.cts

@@ -0,0 +1,3 @@
+export declare class Loading extends HTMLElement {
+    requestRender: () => void;
+}

package/build/elements/icons/animation/loading.d.ts

@@ -0,0 +1,3 @@
+export declare class Loading extends HTMLElement {
+    requestRender: () => void;
+}

package/build/elements/icons/animation/loading.js

@@ -0,0 +1,64 @@
+import { html } from 'lit-html';
+import { Component } from '~/decorators/Component';
+@Component({
+    tag: 'ease-icon-loading',
+    styles: `
+    :host {
+      display: block;
+      width: var(--ease-icon-size, 12px);
+      height: var(--ease-icon-size, 12px);
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 1.5;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+    }
+
+    [part="loading"] {
+      transform-origin: center center;
+      animation-name: loading, loading-dash, loading-dash-offset;
+      animation-duration: .4s, .8s, .8s;
+      animation-iteration-count: infinite;
+      animation-timing-function: linear;
+      stroke-dasharray: 35 65 35 65;
+      stroke-dashoffset: 75;
+    }
+
+    @keyframes loading {
+      0% {
+        transform: rotate(-90deg);
+      }
+      100% {
+        transform: rotate(270deg);
+      }
+    }
+
+    @keyframes loading-dash {
+      33% {
+        stroke-dasharray: 15 85 15 85;
+      }
+      66% {
+        stroke-dasharray: 45 55 45 55;
+      }
+    }
+
+    @keyframes loading-dash-offset {
+      33% {
+        stroke-dashoffset: 55;
+      }
+      66% {
+        stroke-dashoffset: 85;
+      }
+    }
+  `,
+    template() {
+        return html `
+      <svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <circle cx="6" cy="6" r="4.5" stroke-opacity="0.25" />
+        <circle cx="6" cy="6" r="4.5" part="loading" pathlength="100" />
+      </svg>
+    `;
+    }
+})
+export class Loading extends HTMLElement {
+}

package/build/elements/icons/animation/snap.cjs

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Snap = void 0;
+const lit_html_1 = require("lit-html");
+const Component_1 = require("~/decorators/Component");
+const Prop_1 = require("~/decorators/Prop");
+@(0, Component_1.Component)({
+    tag: 'ease-icon-snap',
+    styles: `
+    :host {
+      display: contents;
+    }
+    [part="snap"] {
+      --ease-icon-snap-cursor-rotate: 0deg;
+      --ease-icon-snap-lines-rotate: 0deg;
+      --ease-icon-snap-lines-translate: 0 0;
+      --ease-icon-snap-lines-translate-1: 0 0;
+      --ease-icon-snap-lines-translate-2: 0 0;
+      --ease-icon-snap-lines-translate-3: 0 0;
+      --ease-icon-snap-lines-translate-4: 0 0;
+      --ease-icon-snap-lines-rotate-1: 0deg;
+      --ease-icon-snap-lines-rotate-2: 0deg;
+      --ease-icon-snap-lines-rotate-3: 0deg;
+      --ease-icon-snap-lines-rotate-4: 0deg;
+      display: block;
+      width: var(--ease-icon-size, 16px);
+      height: var(--ease-icon-size, 16px);
+      fill: none;
+      stroke: currentColor;
+      stroke-width: .75;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      g {
+        transform-origin: 68.75% 68.75%;
+        &:first-child {
+          rotate: var(--ease-icon-snap-cursor-rotate);
+          transition: rotate 0.2s;
+
+          path {
+            transition: d 0.2s;
+          }
+        }
+        &:last-child {
+          rotate: var(--ease-icon-snap-lines-rotate);
+          translate: var(--ease-icon-snap-lines-translate);
+          transition: rotate 0.2s, translate 0.2s;
+          path {
+            transition: translate 0.2s;
+            transform-box: fill-box;
+            transform-origin: 50% 50%;
+            &:nth-child(1) {
+              translate: var(--ease-icon-snap-lines-translate-1);
+              rotate: var(--ease-icon-snap-lines-rotate-1);
+            }
+            &:nth-child(2) {
+              translate: var(--ease-icon-snap-lines-translate-2);
+              rotate: var(--ease-icon-snap-lines-rotate-2);
+            }
+            &:nth-child(3) {
+              translate: var(--ease-icon-snap-lines-translate-3);
+              rotate: var(--ease-icon-snap-lines-rotate-3);
+            }
+            &:nth-child(4) {
+              translate: var(--ease-icon-snap-lines-translate-4);
+              rotate: var(--ease-icon-snap-lines-rotate-4);
+            }
+          }
+        }
+      }
+    }
+    [part="cursor"] {
+      stroke: transparent;
+      stroke-width: 0;
+      fill: currentColor;
+    }
+    [state="active"] {
+      --ease-icon-snap-cursor-rotate: -90deg;
+      --ease-icon-snap-lines-rotate: -90deg;
+      --ease-icon-snap-lines-translate: -2.25px -2.25px;
+      --ease-icon-snap-lines-translate: -2.25px -2.25px;
+      --ease-icon-snap-lines-translate-1: 1.25px .5px;
+      --ease-icon-snap-lines-translate-2: 1.25px -.15px;
+      --ease-icon-snap-lines-translate-3: .15px -1.25px;
+      --ease-icon-snap-lines-translate-4: -.5px -1.25px;
+      --ease-icon-snap-lines-rotate-1: 5deg;
+      --ease-icon-snap-lines-rotate-2: 20deg;
+      --ease-icon-snap-lines-rotate-3: -20deg;
+      --ease-icon-snap-lines-rotate-4: -5deg;
+    }
+  `,
+    observedAttributes: ['state']
+})
+class Snap extends HTMLElement {
+    @(0, Prop_1.Prop)({
+        reflect: true,
+        attribute: 'state',
+        defaultValue: 'default'
+    })
+    accessor state;
+    render() {
+        const defaultPath = 'M8.48446 6.48383C8.59007 6.37822 8.71218 6.29901 8.84253 6.24620C8.97289 6.19340 9.11149 6.16699 9.25009 6.16699C9.38869 6.16699 9.52729 6.19340 9.65764 6.24620C9.78799 6.29901 9.91009 6.37822 10.01570 6.48383C10.12128 6.58940 10.20044 6.71143 10.25320 6.84168C10.30597 6.97193 10.33233 7.11041 10.33231 7.24889C10.33229 7.38738 10.30589 7.52587 10.25312 7.65615C10.20034 7.78642 10.12120 7.90848 10.01570 8.01410C9.88354 8.14659 9.75139 8.27907 9.61923 8.41156C9.54601 8.48478 9.44981 8.52139 9.35361 8.52139C9.25741 8.52139 9.16120 8.48478 9.08798 8.41156C9.01476 8.33834 8.97815 8.24214 8.97815 8.14594C8.97815 8.04974 9.01476 7.95353 9.08798 7.88031C9.22014 7.74815 9.35230 7.61599 9.48446 7.48383C9.54924 7.41905 9.58163 7.33401 9.58163 7.24896C9.58163 7.16392 9.54924 7.07888 9.48446 7.01410C9.41974 6.94964 9.33492 6.91741 9.25009 6.91741C9.16526 6.91741 9.08043 6.94963 9.01571 7.01410C8.88355 7.14659 8.75139 7.27907 8.61923 7.41156C8.54601 7.48478 8.44981 7.52139 8.35361 7.52139C8.25741 7.52139 8.16120 7.48478 8.08798 7.41156C8.01476 7.33834 7.97815 7.24214 7.97815 7.14594C7.97815 7.04974 8.01476 6.95354 8.08798 6.88031C8.22014 6.74815 8.35230 6.61599 8.48446 6.48383C8.48446 6.48383 8.48446 6.48383 8.48446 6.48383Z';
+        const defaultPath2 = 'M6.88092 8.08737C6.91753 8.05076 6.95989 8.02330 7.00512 8.00500C7.05035 7.98669 7.09845 7.97754 7.14655 7.97754C7.24275 7.97754 7.33895 8.01415 7.41217 8.08737C7.44878 8.12398 7.47624 8.16634 7.49454 8.21156C7.51285 8.25679 7.52200 8.30489 7.52200 8.35299C7.52200 8.40110 7.51285 8.44920 7.49454 8.49443C7.47624 8.53965 7.44878 8.58201 7.41217 8.61862C7.34593 8.68470 7.27968 8.75078 7.21344 8.81686C7.14720 8.88294 7.08095 8.94902 7.01471 9.01510C6.95024 9.07982 6.91802 9.16465 6.91802 9.24948C6.91802 9.33431 6.95025 9.41914 7.01471 9.48385C7.07949 9.54863 7.16453 9.58102 7.24957 9.58102C7.33462 9.58102 7.41966 9.54863 7.48444 9.48385C7.55052 9.41777 7.61660 9.35169 7.68268 9.28561C7.74876 9.21953 7.81484 9.15345 7.88092 9.08737C7.91753 9.05076 7.95989 9.02330 8.00512 9.00500C8.05035 8.98669 8.09845 8.97754 8.14655 8.97754C8.24275 8.97754 8.33895 9.01415 8.41217 9.08737C8.44878 9.12398 8.47624 9.16634 8.49454 9.21156C8.51285 9.25679 8.52200 9.30489 8.52200 9.35299C8.52200 9.44920 8.48539 9.54540 8.41217 9.61862C8.34593 9.68470 8.27968 9.75078 8.21344 9.81686C8.14720 9.88294 8.08095 9.94902 8.01471 10.01510C7.96190 10.06785 7.90498 10.11401 7.84498 10.15358C7.78498 10.19315 7.72189 10.22613 7.65676 10.25252C7.59162 10.27890 7.52443 10.29870 7.45621 10.31190C7.38799 10.32510 7.31875 10.33170 7.24950 10.33171C7.18026 10.33172 7.11102 10.32514 7.04281 10.31195C6.97460 10.29877 6.90741 10.27898 6.84229 10.25260C6.77716 10.22622 6.71409 10.19324 6.65411 10.15365C6.59413 10.11407 6.53723 10.06789 6.48444 10.01510C6.43163 9.96230 6.38543 9.90537 6.34582 9.84534C6.30622 9.78532 6.27322 9.72221 6.24681 9.65703C6.22041 9.59186 6.20061 9.52462 6.18740 9.45635C6.17420 9.38808 6.16760 9.31878 6.16760 9.24948C6.16760 9.18018 6.17420 9.11088 6.18740 9.04261C6.20061 8.97434 6.22041 8.90710 6.24681 8.84192C6.27322 8.77675 6.30622 8.71363 6.34582 8.65361C6.38543 8.59359 6.43163 8.53666 6.48444 8.48385C6.55052 8.41777 6.61660 8.35169 6.68268 8.28561C6.74876 8.21953 6.81484 8.15345 6.88092 8.08737C6.88092 8.08737 6.88092 8.08737 6.88092 8.08737Z';
+        const activePath = 'M9.25193 6.28166C9.4768 6.23094 9.80415 6.20744 10.0781 6.48185C10.3368 6.74117 10.3461 7.05052 10.3008 7.29338C10.2792 7.40896 10.2435 7.52323 10.2119 7.61955C10.1784 7.72179 10.1479 7.80498 10.124 7.89201C10.12433 7.89234 10.12467 7.89266 10.125 7.89299C9.92512 8.64299 9.72525 9.39300 9.52537 10.14300C9.47203 10.34300 9.2664 10.46180 9.06638 10.40860C8.86627 10.35520 8.74739 10.14970 8.80076 9.94963C9.00063 9.19963 9.20050 8.44963 9.40037 7.69963C9.40069 7.69898 9.40102 7.69832 9.40134 7.69767C9.43192 7.58586 9.47025 7.47290 9.49900 7.38517C9.53005 7.29041 9.55180 7.21804 9.56345 7.15568C9.58449 7.04289 9.56329 7.02762 9.54685 7.01115C9.54547 7.00815 9.54373 6.98452 9.41697 7.01310C9.34508 7.02932 9.27319 7.05278 9.16502 7.08537C9.07787 7.11162 8.97189 7.13866 8.85837 7.15764C8.85870 7.15796 8.85902 7.15829 8.85935 7.15861C8.10935 7.35848 7.35935 7.55835 6.60935 7.75822C6.40924 7.81159 6.20373 7.69271 6.15037 7.49260C6.09724 7.29260 6.21600 7.08695 6.41599 7.03361C7.16599 6.83374 7.91599 6.63387 8.66599 6.43400C8.68104 6.42999 8.69646 6.42733 8.71189 6.42521C8.78100 6.41576 8.85573 6.39545 8.94822 6.36760C9.03125 6.34259 9.14580 6.30560 9.25193 6.28166C9.25193 6.28166 9.25193 6.28166 9.25193 6.28166Z';
+        const activePath2 = 'M6.30855 7.08196C6.48218 6.9692 6.71426 7.01871 6.8271 7.19231C6.93984 7.36595 6.89035 7.59803 6.71675 7.71087C6.55769 7.8143 6.51399 7.8829 6.50288 7.9052C6.50718 7.91375 6.51671 7.92905 6.53804 7.95208C6.59186 8.01016 6.676 8.06871 6.76265 8.11614C6.80333 8.1384 6.83994 8.15555 6.86519 8.16692C6.87727 8.17236 6.88667 8.1762 6.89253 8.17864C6.89522 8.17976 6.89739 8.18117 6.89839 8.18157C6.92411 8.19492 6.94982 8.20826 6.97554 8.22161C7.34059 8.4726 7.44425 8.52362 7.48433 8.54387C7.51885 8.56133 7.56761 8.58533 7.62788 8.63665C7.66711 8.67009 7.71609 8.719 7.77827 8.78118C7.84064 8.84354 7.88955 8.89167 7.9228 8.93059C7.97354 8.98999 7.99693 9.03787 8.0146 9.07219C8.02503 9.09247 8.04365 9.12833 8.09077 9.20501C8.1741 9.33099 8.25744 9.45696 8.34077 9.58294C8.35477 9.60931 8.36876 9.63567 8.38276 9.66204C8.38276 9.66171 8.38276 9.66139 8.38276 9.66106C8.38311 9.66194 8.3836 9.6642 8.38472 9.66692C8.38713 9.67278 8.39182 9.68272 8.39741 9.69524C8.40866 9.72041 8.42527 9.75637 8.44722 9.7968C8.49432 9.88353 8.55171 9.96872 8.60933 10.0224C8.63022 10.0418 8.64563 10.0499 8.65425 10.0546C8.67716 10.0429 8.74616 9.99929 8.84858 9.84173C8.96155 9.66836 9.19361 9.61954 9.36714 9.73235C9.54063 9.84525 9.59026 10.0773 9.47749 10.2509C9.29202 10.5362 9.06335 10.7493 8.77534 10.7988C8.47563 10.8502 8.24137 10.7041 8.09858 10.5712C7.95494 10.4374 7.85125 10.2716 7.78804 10.1552C7.75497 10.0943 7.72938 10.0401 7.71187 10.0009C7.70702 9.99006 7.70284 9.98022 7.69917 9.97161C7.45448 9.61671 7.38641 9.49034 7.34761 9.41497C7.34662 9.41306 7.34544 9.41155 7.34468 9.41009C7.33244 9.39698 7.30693 9.37136 7.24702 9.31145C7.18316 9.24759 7.15849 9.22387 7.14644 9.21282C7.07033 9.17434 6.9431 9.10751 6.58589 8.86321C6.57737 8.85954 6.56726 8.85532 6.55659 8.85052C6.51749 8.83289 6.46383 8.80746 6.40327 8.77434C6.28687 8.71066 6.12089 8.60606 5.98726 8.46184C5.85457 8.31851 5.70938 8.0836 5.76069 7.78411C5.81025 7.49606 6.02305 7.26752 6.30855 7.08196C6.30855 7.08196 6.30855 7.08196 6.30855 7.08196Z';
+        const path1 = this.state === 'active' ? activePath : defaultPath;
+        const path2 = this.state === 'active' ? activePath2 : defaultPath2;
+        return (0, lit_html_1.html) `
+      <svg part="snap" viewBox="0 0 12 12" state=${this.state} xmlns="http://www.w3.org/2000/svg">
+        <g part="cursor">
+          <path d=${path1} />
+          <path d=${path2} />
+        </g>
+          
+        <path d="M2.5 3.5V8.5" />
+        <path d="M9.5 5V3.5" />
+        <path d="M3.5 9.5H5" />
+        <path d="M8.5 2.5H3.5" />
+        
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 3.5V3.5C1.948 3.5 1.5 3.052 1.5 2.5V2.5C1.5 1.948 1.948 1.5 2.5 1.5V1.5C3.052 1.5 3.5 1.948 3.5 2.5V2.5C3.5 3.052 3.052 3.5 2.5 3.5Z" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3.5V3.5C8.948 3.5 8.5 3.052 8.5 2.5V2.5C8.5 1.948 8.948 1.5 9.5 1.5V1.5C10.052 1.5 10.5 1.948 10.5 2.5V2.5C10.5 3.052 10.052 3.5 9.5 3.5Z" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 10.5V10.5C1.948 10.5 1.5 10.052 1.5 9.5V9.5C1.5 8.948 1.948 8.5 2.5 8.5V8.5C3.052 8.5 3.5 8.948 3.5 9.5V9.5C3.5 10.052 3.052 10.5 2.5 10.5Z" />
+        
+        <g part="lines">
+          <path d="M7.5 6V6.5" />
+          <path d="M6.5 7.5H6" />
+          <path d="M9 10.5V10" />
+          <path d="M10 9H10.5" />
+        </g>
+      </svg>
+    `;
+    }
+}
+exports.Snap = Snap;

package/build/elements/icons/animation/snap.d.cts

@@ -0,0 +1,8 @@
+import { type TemplateResult } from 'lit-html';
+type SnapState = 'active' | 'default';
+export declare class Snap extends HTMLElement {
+    requestRender: () => void;
+    accessor state: SnapState;
+    render(): TemplateResult;
+}
+export {};

package/build/elements/icons/animation/snap.d.ts

@@ -0,0 +1,8 @@
+import { type TemplateResult } from 'lit-html';
+type SnapState = 'active' | 'default';
+export declare class Snap extends HTMLElement {
+    requestRender: () => void;
+    accessor state: SnapState;
+    render(): TemplateResult;
+}
+export {};

package/build/elements/icons/animation/snap.js

@@ -0,0 +1,129 @@
+import { html } from 'lit-html';
+import { Component } from '~/decorators/Component';
+import { Prop } from '~/decorators/Prop';
+@Component({
+    tag: 'ease-icon-snap',
+    styles: `
+    :host {
+      display: contents;
+    }
+    [part="snap"] {
+      --ease-icon-snap-cursor-rotate: 0deg;
+      --ease-icon-snap-lines-rotate: 0deg;
+      --ease-icon-snap-lines-translate: 0 0;
+      --ease-icon-snap-lines-translate-1: 0 0;
+      --ease-icon-snap-lines-translate-2: 0 0;
+      --ease-icon-snap-lines-translate-3: 0 0;
+      --ease-icon-snap-lines-translate-4: 0 0;
+      --ease-icon-snap-lines-rotate-1: 0deg;
+      --ease-icon-snap-lines-rotate-2: 0deg;
+      --ease-icon-snap-lines-rotate-3: 0deg;
+      --ease-icon-snap-lines-rotate-4: 0deg;
+      display: block;
+      width: var(--ease-icon-size, 16px);
+      height: var(--ease-icon-size, 16px);
+      fill: none;
+      stroke: currentColor;
+      stroke-width: .75;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+      g {
+        transform-origin: 68.75% 68.75%;
+        &:first-child {
+          rotate: var(--ease-icon-snap-cursor-rotate);
+          transition: rotate 0.2s;
+
+          path {
+            transition: d 0.2s;
+          }
+        }
+        &:last-child {
+          rotate: var(--ease-icon-snap-lines-rotate);
+          translate: var(--ease-icon-snap-lines-translate);
+          transition: rotate 0.2s, translate 0.2s;
+          path {
+            transition: translate 0.2s;
+            transform-box: fill-box;
+            transform-origin: 50% 50%;
+            &:nth-child(1) {
+              translate: var(--ease-icon-snap-lines-translate-1);
+              rotate: var(--ease-icon-snap-lines-rotate-1);
+            }
+            &:nth-child(2) {
+              translate: var(--ease-icon-snap-lines-translate-2);
+              rotate: var(--ease-icon-snap-lines-rotate-2);
+            }
+            &:nth-child(3) {
+              translate: var(--ease-icon-snap-lines-translate-3);
+              rotate: var(--ease-icon-snap-lines-rotate-3);
+            }
+            &:nth-child(4) {
+              translate: var(--ease-icon-snap-lines-translate-4);
+              rotate: var(--ease-icon-snap-lines-rotate-4);
+            }
+          }
+        }
+      }
+    }
+    [part="cursor"] {
+      stroke: transparent;
+      stroke-width: 0;
+      fill: currentColor;
+    }
+    [state="active"] {
+      --ease-icon-snap-cursor-rotate: -90deg;
+      --ease-icon-snap-lines-rotate: -90deg;
+      --ease-icon-snap-lines-translate: -2.25px -2.25px;
+      --ease-icon-snap-lines-translate: -2.25px -2.25px;
+      --ease-icon-snap-lines-translate-1: 1.25px .5px;
+      --ease-icon-snap-lines-translate-2: 1.25px -.15px;
+      --ease-icon-snap-lines-translate-3: .15px -1.25px;
+      --ease-icon-snap-lines-translate-4: -.5px -1.25px;
+      --ease-icon-snap-lines-rotate-1: 5deg;
+      --ease-icon-snap-lines-rotate-2: 20deg;
+      --ease-icon-snap-lines-rotate-3: -20deg;
+      --ease-icon-snap-lines-rotate-4: -5deg;
+    }
+  `,
+    observedAttributes: ['state']
+})
+export class Snap extends HTMLElement {
+    @Prop({
+        reflect: true,
+        attribute: 'state',
+        defaultValue: 'default'
+    })
+    accessor state;
+    render() {
+        const defaultPath = 'M8.48446 6.48383C8.59007 6.37822 8.71218 6.29901 8.84253 6.24620C8.97289 6.19340 9.11149 6.16699 9.25009 6.16699C9.38869 6.16699 9.52729 6.19340 9.65764 6.24620C9.78799 6.29901 9.91009 6.37822 10.01570 6.48383C10.12128 6.58940 10.20044 6.71143 10.25320 6.84168C10.30597 6.97193 10.33233 7.11041 10.33231 7.24889C10.33229 7.38738 10.30589 7.52587 10.25312 7.65615C10.20034 7.78642 10.12120 7.90848 10.01570 8.01410C9.88354 8.14659 9.75139 8.27907 9.61923 8.41156C9.54601 8.48478 9.44981 8.52139 9.35361 8.52139C9.25741 8.52139 9.16120 8.48478 9.08798 8.41156C9.01476 8.33834 8.97815 8.24214 8.97815 8.14594C8.97815 8.04974 9.01476 7.95353 9.08798 7.88031C9.22014 7.74815 9.35230 7.61599 9.48446 7.48383C9.54924 7.41905 9.58163 7.33401 9.58163 7.24896C9.58163 7.16392 9.54924 7.07888 9.48446 7.01410C9.41974 6.94964 9.33492 6.91741 9.25009 6.91741C9.16526 6.91741 9.08043 6.94963 9.01571 7.01410C8.88355 7.14659 8.75139 7.27907 8.61923 7.41156C8.54601 7.48478 8.44981 7.52139 8.35361 7.52139C8.25741 7.52139 8.16120 7.48478 8.08798 7.41156C8.01476 7.33834 7.97815 7.24214 7.97815 7.14594C7.97815 7.04974 8.01476 6.95354 8.08798 6.88031C8.22014 6.74815 8.35230 6.61599 8.48446 6.48383C8.48446 6.48383 8.48446 6.48383 8.48446 6.48383Z';
+        const defaultPath2 = 'M6.88092 8.08737C6.91753 8.05076 6.95989 8.02330 7.00512 8.00500C7.05035 7.98669 7.09845 7.97754 7.14655 7.97754C7.24275 7.97754 7.33895 8.01415 7.41217 8.08737C7.44878 8.12398 7.47624 8.16634 7.49454 8.21156C7.51285 8.25679 7.52200 8.30489 7.52200 8.35299C7.52200 8.40110 7.51285 8.44920 7.49454 8.49443C7.47624 8.53965 7.44878 8.58201 7.41217 8.61862C7.34593 8.68470 7.27968 8.75078 7.21344 8.81686C7.14720 8.88294 7.08095 8.94902 7.01471 9.01510C6.95024 9.07982 6.91802 9.16465 6.91802 9.24948C6.91802 9.33431 6.95025 9.41914 7.01471 9.48385C7.07949 9.54863 7.16453 9.58102 7.24957 9.58102C7.33462 9.58102 7.41966 9.54863 7.48444 9.48385C7.55052 9.41777 7.61660 9.35169 7.68268 9.28561C7.74876 9.21953 7.81484 9.15345 7.88092 9.08737C7.91753 9.05076 7.95989 9.02330 8.00512 9.00500C8.05035 8.98669 8.09845 8.97754 8.14655 8.97754C8.24275 8.97754 8.33895 9.01415 8.41217 9.08737C8.44878 9.12398 8.47624 9.16634 8.49454 9.21156C8.51285 9.25679 8.52200 9.30489 8.52200 9.35299C8.52200 9.44920 8.48539 9.54540 8.41217 9.61862C8.34593 9.68470 8.27968 9.75078 8.21344 9.81686C8.14720 9.88294 8.08095 9.94902 8.01471 10.01510C7.96190 10.06785 7.90498 10.11401 7.84498 10.15358C7.78498 10.19315 7.72189 10.22613 7.65676 10.25252C7.59162 10.27890 7.52443 10.29870 7.45621 10.31190C7.38799 10.32510 7.31875 10.33170 7.24950 10.33171C7.18026 10.33172 7.11102 10.32514 7.04281 10.31195C6.97460 10.29877 6.90741 10.27898 6.84229 10.25260C6.77716 10.22622 6.71409 10.19324 6.65411 10.15365C6.59413 10.11407 6.53723 10.06789 6.48444 10.01510C6.43163 9.96230 6.38543 9.90537 6.34582 9.84534C6.30622 9.78532 6.27322 9.72221 6.24681 9.65703C6.22041 9.59186 6.20061 9.52462 6.18740 9.45635C6.17420 9.38808 6.16760 9.31878 6.16760 9.24948C6.16760 9.18018 6.17420 9.11088 6.18740 9.04261C6.20061 8.97434 6.22041 8.90710 6.24681 8.84192C6.27322 8.77675 6.30622 8.71363 6.34582 8.65361C6.38543 8.59359 6.43163 8.53666 6.48444 8.48385C6.55052 8.41777 6.61660 8.35169 6.68268 8.28561C6.74876 8.21953 6.81484 8.15345 6.88092 8.08737C6.88092 8.08737 6.88092 8.08737 6.88092 8.08737Z';
+        const activePath = 'M9.25193 6.28166C9.4768 6.23094 9.80415 6.20744 10.0781 6.48185C10.3368 6.74117 10.3461 7.05052 10.3008 7.29338C10.2792 7.40896 10.2435 7.52323 10.2119 7.61955C10.1784 7.72179 10.1479 7.80498 10.124 7.89201C10.12433 7.89234 10.12467 7.89266 10.125 7.89299C9.92512 8.64299 9.72525 9.39300 9.52537 10.14300C9.47203 10.34300 9.2664 10.46180 9.06638 10.40860C8.86627 10.35520 8.74739 10.14970 8.80076 9.94963C9.00063 9.19963 9.20050 8.44963 9.40037 7.69963C9.40069 7.69898 9.40102 7.69832 9.40134 7.69767C9.43192 7.58586 9.47025 7.47290 9.49900 7.38517C9.53005 7.29041 9.55180 7.21804 9.56345 7.15568C9.58449 7.04289 9.56329 7.02762 9.54685 7.01115C9.54547 7.00815 9.54373 6.98452 9.41697 7.01310C9.34508 7.02932 9.27319 7.05278 9.16502 7.08537C9.07787 7.11162 8.97189 7.13866 8.85837 7.15764C8.85870 7.15796 8.85902 7.15829 8.85935 7.15861C8.10935 7.35848 7.35935 7.55835 6.60935 7.75822C6.40924 7.81159 6.20373 7.69271 6.15037 7.49260C6.09724 7.29260 6.21600 7.08695 6.41599 7.03361C7.16599 6.83374 7.91599 6.63387 8.66599 6.43400C8.68104 6.42999 8.69646 6.42733 8.71189 6.42521C8.78100 6.41576 8.85573 6.39545 8.94822 6.36760C9.03125 6.34259 9.14580 6.30560 9.25193 6.28166C9.25193 6.28166 9.25193 6.28166 9.25193 6.28166Z';
+        const activePath2 = 'M6.30855 7.08196C6.48218 6.9692 6.71426 7.01871 6.8271 7.19231C6.93984 7.36595 6.89035 7.59803 6.71675 7.71087C6.55769 7.8143 6.51399 7.8829 6.50288 7.9052C6.50718 7.91375 6.51671 7.92905 6.53804 7.95208C6.59186 8.01016 6.676 8.06871 6.76265 8.11614C6.80333 8.1384 6.83994 8.15555 6.86519 8.16692C6.87727 8.17236 6.88667 8.1762 6.89253 8.17864C6.89522 8.17976 6.89739 8.18117 6.89839 8.18157C6.92411 8.19492 6.94982 8.20826 6.97554 8.22161C7.34059 8.4726 7.44425 8.52362 7.48433 8.54387C7.51885 8.56133 7.56761 8.58533 7.62788 8.63665C7.66711 8.67009 7.71609 8.719 7.77827 8.78118C7.84064 8.84354 7.88955 8.89167 7.9228 8.93059C7.97354 8.98999 7.99693 9.03787 8.0146 9.07219C8.02503 9.09247 8.04365 9.12833 8.09077 9.20501C8.1741 9.33099 8.25744 9.45696 8.34077 9.58294C8.35477 9.60931 8.36876 9.63567 8.38276 9.66204C8.38276 9.66171 8.38276 9.66139 8.38276 9.66106C8.38311 9.66194 8.3836 9.6642 8.38472 9.66692C8.38713 9.67278 8.39182 9.68272 8.39741 9.69524C8.40866 9.72041 8.42527 9.75637 8.44722 9.7968C8.49432 9.88353 8.55171 9.96872 8.60933 10.0224C8.63022 10.0418 8.64563 10.0499 8.65425 10.0546C8.67716 10.0429 8.74616 9.99929 8.84858 9.84173C8.96155 9.66836 9.19361 9.61954 9.36714 9.73235C9.54063 9.84525 9.59026 10.0773 9.47749 10.2509C9.29202 10.5362 9.06335 10.7493 8.77534 10.7988C8.47563 10.8502 8.24137 10.7041 8.09858 10.5712C7.95494 10.4374 7.85125 10.2716 7.78804 10.1552C7.75497 10.0943 7.72938 10.0401 7.71187 10.0009C7.70702 9.99006 7.70284 9.98022 7.69917 9.97161C7.45448 9.61671 7.38641 9.49034 7.34761 9.41497C7.34662 9.41306 7.34544 9.41155 7.34468 9.41009C7.33244 9.39698 7.30693 9.37136 7.24702 9.31145C7.18316 9.24759 7.15849 9.22387 7.14644 9.21282C7.07033 9.17434 6.9431 9.10751 6.58589 8.86321C6.57737 8.85954 6.56726 8.85532 6.55659 8.85052C6.51749 8.83289 6.46383 8.80746 6.40327 8.77434C6.28687 8.71066 6.12089 8.60606 5.98726 8.46184C5.85457 8.31851 5.70938 8.0836 5.76069 7.78411C5.81025 7.49606 6.02305 7.26752 6.30855 7.08196C6.30855 7.08196 6.30855 7.08196 6.30855 7.08196Z';
+        const path1 = this.state === 'active' ? activePath : defaultPath;
+        const path2 = this.state === 'active' ? activePath2 : defaultPath2;
+        return html `
+      <svg part="snap" viewBox="0 0 12 12" state=${this.state} xmlns="http://www.w3.org/2000/svg">
+        <g part="cursor">
+          <path d=${path1} />
+          <path d=${path2} />
+        </g>
+          
+        <path d="M2.5 3.5V8.5" />
+        <path d="M9.5 5V3.5" />
+        <path d="M3.5 9.5H5" />
+        <path d="M8.5 2.5H3.5" />
+        
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 3.5V3.5C1.948 3.5 1.5 3.052 1.5 2.5V2.5C1.5 1.948 1.948 1.5 2.5 1.5V1.5C3.052 1.5 3.5 1.948 3.5 2.5V2.5C3.5 3.052 3.052 3.5 2.5 3.5Z" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3.5V3.5C8.948 3.5 8.5 3.052 8.5 2.5V2.5C8.5 1.948 8.948 1.5 9.5 1.5V1.5C10.052 1.5 10.5 1.948 10.5 2.5V2.5C10.5 3.052 10.052 3.5 9.5 3.5Z" />
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 10.5V10.5C1.948 10.5 1.5 10.052 1.5 9.5V9.5C1.5 8.948 1.948 8.5 2.5 8.5V8.5C3.052 8.5 3.5 8.948 3.5 9.5V9.5C3.5 10.052 3.052 10.5 2.5 10.5Z" />
+        
+        <g part="lines">
+          <path d="M7.5 6V6.5" />
+          <path d="M6.5 7.5H6" />
+          <path d="M9 10.5V10" />
+          <path d="M10 9H10.5" />
+        </g>
+      </svg>
+    `;
+    }
+}

package/build/elements/icons/index.cjs

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./animation/chevron.cjs"), exports);
+__exportStar(require("./animation/clear.cjs"), exports);
+__exportStar(require("./animation/grid.cjs"), exports);
+__exportStar(require("./animation/loading.cjs"), exports);
+__exportStar(require("./animation/snap.cjs"), exports);
+__exportStar(require("./interface/anchor-add.cjs"), exports);
+__exportStar(require("./interface/anchor-remove.cjs"), exports);
+__exportStar(require("./interface/arrow-up.cjs"), exports);
+__exportStar(require("./interface/arrows-vertical.cjs"), exports);
+__exportStar(require("./interface/bezier.cjs"), exports);
+__exportStar(require("./interface/bezier-angle.cjs"), exports);
+__exportStar(require("./interface/bezier-distribute.cjs"), exports);
+__exportStar(require("./interface/bezier-length.cjs"), exports);
+__exportStar(require("./interface/bezier-mirror.cjs"), exports);
+__exportStar(require("./interface/check.cjs"), exports);
+__exportStar(require("./interface/circle-arrow-left.cjs"), exports);
+__exportStar(require("./interface/circle-arrow-right.cjs"), exports);
+__exportStar(require("./interface/code.cjs"), exports);
+__exportStar(require("./interface/dots.cjs"), exports);
+__exportStar(require("./interface/mention.cjs"), exports);
+__exportStar(require("./interface/minus.cjs"), exports);
+__exportStar(require("./interface/picker.cjs"), exports);
+__exportStar(require("./interface/plus.cjs"), exports);
+__exportStar(require("./interface/settings.cjs"), exports);

package/build/elements/icons/index.d.cts

@@ -0,0 +1,24 @@
+export * from "./animation/chevron.cjs";
+export * from "./animation/clear.cjs";
+export * from "./animation/grid.cjs";
+export * from "./animation/loading.cjs";
+export * from "./animation/snap.cjs";
+export * from "./interface/anchor-add.cjs";
+export * from "./interface/anchor-remove.cjs";
+export * from "./interface/arrow-up.cjs";
+export * from "./interface/arrows-vertical.cjs";
+export * from "./interface/bezier.cjs";
+export * from "./interface/bezier-angle.cjs";
+export * from "./interface/bezier-distribute.cjs";
+export * from "./interface/bezier-length.cjs";
+export * from "./interface/bezier-mirror.cjs";
+export * from "./interface/check.cjs";
+export * from "./interface/circle-arrow-left.cjs";
+export * from "./interface/circle-arrow-right.cjs";
+export * from "./interface/code.cjs";
+export * from "./interface/dots.cjs";
+export * from "./interface/mention.cjs";
+export * from "./interface/minus.cjs";
+export * from "./interface/picker.cjs";
+export * from "./interface/plus.cjs";
+export * from "./interface/settings.cjs";

package/build/elements/icons/index.d.ts

@@ -0,0 +1,24 @@
+export * from "./animation/chevron.js";
+export * from "./animation/clear.js";
+export * from "./animation/grid.js";
+export * from "./animation/loading.js";
+export * from "./animation/snap.js";
+export * from "./interface/anchor-add.js";
+export * from "./interface/anchor-remove.js";
+export * from "./interface/arrow-up.js";
+export * from "./interface/arrows-vertical.js";
+export * from "./interface/bezier.js";
+export * from "./interface/bezier-angle.js";
+export * from "./interface/bezier-distribute.js";
+export * from "./interface/bezier-length.js";
+export * from "./interface/bezier-mirror.js";
+export * from "./interface/check.js";
+export * from "./interface/circle-arrow-left.js";
+export * from "./interface/circle-arrow-right.js";
+export * from "./interface/code.js";
+export * from "./interface/dots.js";
+export * from "./interface/mention.js";
+export * from "./interface/minus.js";
+export * from "./interface/picker.js";
+export * from "./interface/plus.js";
+export * from "./interface/settings.js";

package/build/elements/icons/index.js

@@ -0,0 +1,24 @@
+export * from "./animation/chevron.js";
+export * from "./animation/clear.js";
+export * from "./animation/grid.js";
+export * from "./animation/loading.js";
+export * from "./animation/snap.js";
+export * from "./interface/anchor-add.js";
+export * from "./interface/anchor-remove.js";
+export * from "./interface/arrow-up.js";
+export * from "./interface/arrows-vertical.js";
+export * from "./interface/bezier.js";
+export * from "./interface/bezier-angle.js";
+export * from "./interface/bezier-distribute.js";
+export * from "./interface/bezier-length.js";
+export * from "./interface/bezier-mirror.js";
+export * from "./interface/check.js";
+export * from "./interface/circle-arrow-left.js";
+export * from "./interface/circle-arrow-right.js";
+export * from "./interface/code.js";
+export * from "./interface/dots.js";
+export * from "./interface/mention.js";
+export * from "./interface/minus.js";
+export * from "./interface/picker.js";
+export * from "./interface/plus.js";
+export * from "./interface/settings.js";

package/build/elements/icons/interface/anchor-add.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAnchorAdd = void 0;
+const lit_html_1 = require("lit-html");
+const Component_1 = require("~/decorators/Component");
+@(0, Component_1.Component)({
+    tag: 'ease-icon-anchor-add',
+    styles: `
+    :host {
+      display: block;
+      width: var(--ease-icon-size, 12px);
+      height: var(--ease-icon-size, 12px);
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 0.75;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+    }
+  `,
+    template() {
+        return (0, lit_html_1.html) `
+      <svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M2.70508 10.5003L5.30008 7.90527" />
+        <path d="M6.59557 6.61121C6.95348 6.96913 6.95348 7.54942 6.59557 7.90734C6.23765 8.26525 5.65736 8.26525 5.29944 7.90734C4.94153 7.54942 4.94153 6.96913 5.29944 6.61121C5.65736 6.25329 6.23765 6.25329 6.59557 6.61121" />
+        <path d="M9.20703 6.50016L8.39453 8.93866C8.27903 9.28516 7.98353 9.54066 7.62453 9.60616L2.70703 10.5002L3.39036 6.74393M9.20006 6.50016L9.72739 5.98984C10.2895 5.4459 10.2968 4.54693 9.74375 3.99385L9.22391 3.47402C8.68351 2.93361 7.80957 2.92644 7.26038 3.45792L6.98022 3.72904" />
+        <path d="M3.49931 5.54525C2.36926 5.54516 1.45317 4.62914 1.453 3.49909C1.47001 2.37501 2.37788 1.46826 3.50198 1.45264C4.63212 1.45337 5.54769 2.37013 5.54695 3.50028C5.54621 4.63042 4.62945 5.54599 3.49931 5.54525" />
+        <path d="M3.4993 2.69516V4.30289" />
+        <path d="M4.30317 3.49902H2.69543" />
+      </svg>
+    `;
+    }
+})
+class IconAnchorAdd extends HTMLElement {
+}
+exports.IconAnchorAdd = IconAnchorAdd;

package/build/elements/icons/interface/anchor-add.d.cts

@@ -0,0 +1,3 @@
+export declare class IconAnchorAdd extends HTMLElement {
+    requestRender: () => void;
+}

package/build/elements/icons/interface/anchor-add.d.ts

@@ -0,0 +1,3 @@
+export declare class IconAnchorAdd extends HTMLElement {
+    requestRender: () => void;
+}

package/build/elements/icons/interface/anchor-add.js

@@ -0,0 +1,31 @@
+import { html } from 'lit-html';
+import { Component } from '~/decorators/Component';
+@Component({
+    tag: 'ease-icon-anchor-add',
+    styles: `
+    :host {
+      display: block;
+      width: var(--ease-icon-size, 12px);
+      height: var(--ease-icon-size, 12px);
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 0.75;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+    }
+  `,
+    template() {
+        return html `
+      <svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M2.70508 10.5003L5.30008 7.90527" />
+        <path d="M6.59557 6.61121C6.95348 6.96913 6.95348 7.54942 6.59557 7.90734C6.23765 8.26525 5.65736 8.26525 5.29944 7.90734C4.94153 7.54942 4.94153 6.96913 5.29944 6.61121C5.65736 6.25329 6.23765 6.25329 6.59557 6.61121" />
+        <path d="M9.20703 6.50016L8.39453 8.93866C8.27903 9.28516 7.98353 9.54066 7.62453 9.60616L2.70703 10.5002L3.39036 6.74393M9.20006 6.50016L9.72739 5.98984C10.2895 5.4459 10.2968 4.54693 9.74375 3.99385L9.22391 3.47402C8.68351 2.93361 7.80957 2.92644 7.26038 3.45792L6.98022 3.72904" />
+        <path d="M3.49931 5.54525C2.36926 5.54516 1.45317 4.62914 1.453 3.49909C1.47001 2.37501 2.37788 1.46826 3.50198 1.45264C4.63212 1.45337 5.54769 2.37013 5.54695 3.50028C5.54621 4.63042 4.62945 5.54599 3.49931 5.54525" />
+        <path d="M3.4993 2.69516V4.30289" />
+        <path d="M4.30317 3.49902H2.69543" />
+      </svg>
+    `;
+    }
+})
+export class IconAnchorAdd extends HTMLElement {
+}