@justeattakeaway/pie-icons-webc 0.8.0 → 0.10.0

package/README.md

@@ -63,7 +63,11 @@ function renderIcon() {
     document.body.appendChild(iconElement);
 }
 ```
-4. Importing individual icons from the main package entry point (not recommended)
+
+
+> [!WARNING]
+> While it is also possible to import individual components from the overall bundle, we don't recommend this because
+> it is likely that the import will be tree-shaken unless you are referencing the imported object in your code.
 
 ```js
 // Not recommended -  Webpack v4+ or Rollup should treeshake but be careful
@@ -127,7 +131,7 @@ If you can't use a tree-shaking compatible build tool, then you can use the per-
 
 ### Browser Support
 
-The component extends [@justeat/browserslist-config-fozzie](https://github.com/justeat/browserslist-config-fozzie) package for the list of browsers to support.
+The component extends [@justeattakeaway/browserslist-config-pie](https://github.com/justeattakeaway/pie/tree/main/packages/tools/browserslist-config-pie) package for the list of browsers to support.
 
 
 ## Contributing

package/dist/IconBeauty.js

@@ -1,13 +1,13 @@
 import { css as u, LitElement as g, html as v } from "lit";
-import { property as h, query as f } from "lit/decorators.js";
+import { property as h, query as b } from "lit/decorators.js";
 import { g as p } from "./configs.58b0302e.js";
-var b = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (r, i, e, s) => {
-  for (var t = s > 1 ? void 0 : s ? _(i, e) : i, o = r.length - 1, l; o >= 0; o--)
-    (l = r[o]) && (t = (s ? l(i, e, t) : l(t)) || t);
-  return s && t && b(i, e, t), t;
+var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, l = (c, i, e, s) => {
+  for (var t = s > 1 ? void 0 : s ? m(i, e) : i, r = c.length - 1, n; r >= 0; r--)
+    (n = c[r]) && (t = (s ? n(i, e, t) : n(t)) || t);
+  return s && t && f(i, e, t), t;
 };
 const a = "icon-beauty";
-class c extends g {
+class o extends g {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--beauty";
   }
@@ -24,10 +24,10 @@ class c extends g {
     i.has("size") && (e = p("c-pieIcon c-pieIcon--beauty", "", this.size, "IconBeauty"), (s = this._svg) == null || s.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
-    return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--beauty"><g clip-path="url(#prefix__clip0_9283_3816)"><path d="M13.371 2.647a4.508 4.508 0 0 0-3.999-1.255l-.714.13A1.557 1.557 0 0 0 7.447 2.63L6.332 6.593l-4.565 4.574c-.288.296-.453.68-.453 1.089 0 .41.157.801.453 1.089l.87.87a1.53 1.53 0 0 0 1.09.454c.392 0 .793-.148 1.089-.453l4.47-4.47 4.085-1.15a1.535 1.535 0 0 0 1.098-1.201l.14-.75a4.522 4.522 0 0 0-1.238-4.007v.009ZM3.892 13.293a.237.237 0 0 1-.34 0l-.87-.872a.233.233 0 0 1-.07-.165.2.2 0 0 1 .07-.166l2.334-2.335 1.203 1.203-2.335 2.335h.008Zm3.259-3.259L5.948 8.832l.915-.915.627.627.567.584-.915.906h.009Zm6.168-3.624-.14.75a.234.234 0 0 1-.174.182L9.207 8.414l1.75-.915-.966-.967-1.002.523.488-1.037-.985-.984-.845 1.794-.017-.017L8.7 2.986c.027-.087.096-.156.183-.165l.715-.13a3.161 3.161 0 0 1 2.84.888 3.156 3.156 0 0 1 .88 2.84V6.41Z"></path></g><defs><clipPath id="prefix__clip0_9283_3816"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>`;
+    return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--beauty"><path d="M13.371 2.647a4.508 4.508 0 0 0-3.999-1.255l-.714.13A1.557 1.557 0 0 0 7.447 2.63L6.332 6.593l-4.565 4.574c-.288.296-.453.68-.453 1.089 0 .41.157.801.453 1.089l.87.87a1.53 1.53 0 0 0 1.09.454c.392 0 .793-.148 1.089-.453l4.47-4.47 4.085-1.15a1.535 1.535 0 0 0 1.098-1.201l.14-.75a4.522 4.522 0 0 0-1.238-4.007v.009ZM3.892 13.293a.237.237 0 0 1-.34 0l-.87-.872a.233.233 0 0 1-.07-.165.2.2 0 0 1 .07-.166l2.334-2.335 1.203 1.203-2.335 2.335h.008Zm3.259-3.259L5.948 8.832l.915-.915.627.628.567.583-.915.906h.009Zm6.168-3.624-.14.75a.234.234 0 0 1-.174.182L9.207 8.414l1.75-.915-.966-.967-1.002.523.488-1.037-.985-.984-.845 1.794-.017-.017L8.7 2.986c.027-.087.096-.156.183-.165l.715-.13a3.161 3.161 0 0 1 2.84.888 3.156 3.156 0 0 1 .88 2.84V6.41Z"></path></svg>`;
   }
 }
-c.styles = u`
+o.styles = u`
         :host-context(pie-icon-button) svg,
         :host-context(pie-button) svg {
             display: block;
@@ -35,16 +35,16 @@ c.styles = u`
             height: var(--btn-icon-size);
         }
     `;
-n([
+l([
   h({ type: String, reflect: !0 })
-], c.prototype, "size", 2);
-n([
+], o.prototype, "size", 2);
+l([
   h({ type: String, reflect: !0 })
-], c.prototype, "class", 2);
-n([
-  f("svg")
-], c.prototype, "_svg", 2);
-customElements.get(a) === void 0 && customElements.define(a, c);
+], o.prototype, "class", 2);
+l([
+  b("svg")
+], o.prototype, "_svg", 2);
+customElements.get(a) === void 0 && customElements.define(a, o);
 export {
-  c as IconBeauty
+  o as IconBeauty
 };

package/dist/IconBeautyLarge.js

@@ -1,33 +1,33 @@
 import { css as h, LitElement as u, html as v } from "lit";
-import { property as g, query as f } from "lit/decorators.js";
-import { g as p } from "./configs.58b0302e.js";
-var b = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (r, i, e, s) => {
-  for (var t = s > 1 ? void 0 : s ? _(i, e) : i, o = r.length - 1, l; o >= 0; o--)
-    (l = r[o]) && (t = (s ? l(i, e, t) : l(t)) || t);
-  return s && t && b(i, e, t), t;
+import { property as g, query as b } from "lit/decorators.js";
+import { g as a } from "./configs.58b0302e.js";
+var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (c, i, e, s) => {
+  for (var t = s > 1 ? void 0 : s ? f(i, e) : i, o = c.length - 1, n; o >= 0; o--)
+    (n = c[o]) && (t = (s ? n(i, e, t) : n(t)) || t);
+  return s && t && m(i, e, t), t;
 };
-const a = "icon-beauty-large";
-class c extends u {
+const p = "icon-beauty-large";
+class r extends u {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--beautyLarge";
   }
   connectedCallback() {
     var i, e, s;
     if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
-      const t = p("c-pieIcon c-pieIcon--beautyLarge", "", null, "IconBeautyLarge");
+      const t = a("c-pieIcon c-pieIcon--beautyLarge", "", null, "IconBeautyLarge");
       (e = this._svg) == null || e.setAttribute("width", t.width), (s = this._svg) == null || s.setAttribute("height", t.height);
     }
   }
   updated(i) {
     var s, t;
     let e;
-    i.has("size") && (e = p("c-pieIcon c-pieIcon--beautyLarge", "", this.size, "IconBeautyLarge"), (s = this._svg) == null || s.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
+    i.has("size") && (e = a("c-pieIcon c-pieIcon--beautyLarge", "", this.size, "IconBeautyLarge"), (s = this._svg) == null || s.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
-    return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--beautyLarge"><g clip-path="url(#prefix__clip0_9283_3813)"><path d="M27.11 5.07a9.117 9.117 0 0 0-8.09-2.53l-1.5.28c-1.07.2-1.96 1-2.25 2.05l-2.37 8.45L3.21 23a2.885 2.885 0 0 0 0 4.07l1.83 1.83c.56.56 1.3.84 2.04.84s1.47-.28 2.04-.84l9.47-9.47 8.69-2.44c1.06-.3 1.85-1.16 2.05-2.24l.29-1.57a9.1 9.1 0 0 0-2.5-8.1l-.01-.01ZM7.69 27.49c-.34.34-.9.34-1.24 0l-1.83-1.83a.881.881 0 0 1 0-1.24l.58-.58 3.07 3.07-.58.58Zm1.99-1.99-3.07-3.07 4.42-4.42 3.07 3.07-4.42 4.42Zm5.84-5.84-3.07-3.07 1.23-1.23 1.56 1.56 1.48 1.52-1.21 1.21.01.01Zm12.13-6.85-.29 1.57c-.06.33-.3.59-.63.69l-8.21 2.31-.6-.6 4.03-2.11-1.48-1.48-3.05 1.6 1.49-3.16-1.5-1.5-1.96 4.15-.57-.58 2.32-8.26c.09-.32.36-.57.69-.63l1.5-.28c2.33-.43 4.64.29 6.31 1.97 1.68 1.68 2.39 3.98 1.95 6.32v-.01Z"></path></g><defs><clipPath id="prefix__clip0_9283_3813"><rect width="32" height="32"></rect></clipPath></defs></svg>`;
+    return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--beautyLarge"><path d="M27.11 5.07a9.117 9.117 0 0 0-8.09-2.53l-1.5.28c-1.07.2-1.96 1-2.25 2.05l-2.37 8.45L3.21 23a2.885 2.885 0 0 0 0 4.07l1.83 1.83c.56.56 1.3.84 2.04.84s1.47-.28 2.04-.84l9.47-9.47 8.69-2.44c1.06-.3 1.85-1.16 2.05-2.24l.29-1.57a9.1 9.1 0 0 0-2.5-8.1l-.01-.01ZM7.69 27.49c-.34.34-.9.34-1.24 0l-1.83-1.83a.881.881 0 0 1 0-1.24l.58-.58 3.07 3.07-.58.58Zm1.99-1.99-3.07-3.07 4.42-4.42 3.07 3.07-4.42 4.42Zm5.84-5.84-3.07-3.07 1.23-1.23 1.56 1.56 1.48 1.52-1.21 1.21.01.01Zm12.13-6.85-.29 1.57c-.06.33-.3.59-.63.69l-8.21 2.31-.6-.6 4.03-2.11-1.48-1.48-3.05 1.6 1.49-3.16-1.5-1.5-1.96 4.15-.57-.58 2.32-8.26c.09-.32.36-.57.69-.63l1.5-.28c2.33-.43 4.64.29 6.31 1.97 1.68 1.68 2.39 3.98 1.95 6.32v-.01Z"></path></svg>`;
   }
 }
-c.styles = h`
+r.styles = h`
         :host-context(pie-icon-button) svg,
         :host-context(pie-button) svg {
             display: block;
@@ -35,16 +35,16 @@ c.styles = h`
             height: var(--btn-icon-size);
         }
     `;
-n([
+l([
   g({ type: String, reflect: !0 })
-], c.prototype, "size", 2);
-n([
+], r.prototype, "size", 2);
+l([
   g({ type: String, reflect: !0 })
-], c.prototype, "class", 2);
-n([
-  f("svg")
-], c.prototype, "_svg", 2);
-customElements.get(a) === void 0 && customElements.define(a, c);
+], r.prototype, "class", 2);
+l([
+  b("svg")
+], r.prototype, "_svg", 2);
+customElements.get(p) === void 0 && customElements.define(p, r);
 export {
-  c as IconBeautyLarge
+  r as IconBeautyLarge
 };

package/dist/IconBikeFilledLarge.js

@@ -1,30 +1,30 @@
-import { css as g, LitElement as d, html as v } from "lit";
-import { property as n, query as u } from "lit/decorators.js";
-import { g as p } from "./configs.58b0302e.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, h = (r, s, t, i) => {
-  for (var e = i > 1 ? void 0 : i ? b(s, t) : s, c = r.length - 1, o; c >= 0; c--)
-    (o = r[c]) && (e = (i ? o(s, t, e) : o(e)) || e);
-  return i && e && f(s, t, e), e;
+import { css as g, LitElement as v, html as d } from "lit";
+import { property as p, query as u } from "lit/decorators.js";
+import { g as h } from "./configs.58b0302e.js";
+var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, n = (r, s, t, i) => {
+  for (var e = i > 1 ? void 0 : i ? f(s, t) : s, o = r.length - 1, c; o >= 0; o--)
+    (c = r[o]) && (e = (i ? c(s, t, e) : c(e)) || e);
+  return i && e && b(s, t, e), e;
 };
 const a = "icon-bike-filled-large";
-class l extends d {
+class l extends v {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--bikeFilledLarge";
   }
   connectedCallback() {
     var s, t, i;
     if (super.connectedCallback(), ((s = this._svg) == null ? void 0 : s.getAttribute("width")) === null) {
-      const e = p("c-pieIcon c-pieIcon--bikeFilledLarge", "", null, "IconBikeFilledLarge");
+      const e = h("c-pieIcon c-pieIcon--bikeFilledLarge", "", null, "IconBikeFilledLarge");
       (t = this._svg) == null || t.setAttribute("width", e.width), (i = this._svg) == null || i.setAttribute("height", e.height);
     }
   }
   updated(s) {
     var i, e;
     let t;
-    s.has("size") && (t = p("c-pieIcon c-pieIcon--bikeFilledLarge", "", this.size, "IconBikeFilledLarge"), (i = this._svg) == null || i.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    s.has("size") && (t = h("c-pieIcon c-pieIcon--bikeFilledLarge", "", this.size, "IconBikeFilledLarge"), (i = this._svg) == null || i.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
   }
   render() {
-    return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bikeFilledLarge"><g clip-path="url(#prefix__clip0_1380_970)"><path d="M21.661 8.125a.875.875 0 0 1 .534-1.068l.875-.306v-1.89l-1.444.534a2.625 2.625 0 0 0-1.61 3.185l.359 1.295h-.201a3.5 3.5 0 0 0-3.002 1.697L14.47 16l-1.566-5.25h1.347V9H8.449L9 10.75h2.039l1.54 5.162a5.687 5.687 0 1 0 1.671 4.025 4.77 4.77 0 0 0 0-.498c-.49.449-1.097.752-1.75.875-.188.03-.378.048-.569.052L9 20.323l-.586-1.75h3.5c.112-.006.223-.02.332-.044a1.75 1.75 0 0 0 .971-.56 1.7 1.7 0 0 0 .193-.245l.236-.385c.182.366.325.75.429 1.146.086.312.145.631.175.954a3.29 3.29 0 0 0 .674-.797l3.701-6.142a1.75 1.75 0 0 1 1.505-.875h.709l.927 3.246a5.68 5.68 0 0 1 1.672-.542L21.66 8.125Z"></path><path d="M24.347 14.25a5.94 5.94 0 0 0-.875.079l.49 1.75c.088.288 1.252 4.331 1.252 4.331h-1.838l-1.094-3.78-.498-1.75a5.67 5.67 0 1 0 2.563-.63Z"></path><path d="M7.285 10.75 6.699 9h-4.41l.586 1.75h4.41Z"></path><path d="M5.229 13.375h2.93l-.585-1.75h-2.94l.595 1.75Z"></path></g><defs><clipPath id="prefix__clip0_1380_970"><rect width="28" height="28" transform="translate(2 2)"></rect></clipPath></defs></svg>`;
+    return d`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bikeFilledLarge"><path d="M21.661 8.125a.875.875 0 0 1 .534-1.067l.875-.307v-1.89l-1.444.534a2.625 2.625 0 0 0-1.61 3.185l.359 1.295h-.201a3.5 3.5 0 0 0-3.002 1.698L14.47 16l-1.566-5.25h1.347V9H8.449L9 10.75h2.039l1.54 5.163a5.687 5.687 0 1 0 1.671 4.025 4.77 4.77 0 0 0 0-.5c-.49.45-1.097.753-1.75.876-.188.03-.378.048-.569.052L9 20.323l-.586-1.75h3.5c.112-.006.223-.02.332-.044a1.75 1.75 0 0 0 .971-.56 1.7 1.7 0 0 0 .193-.245l.236-.385c.182.366.325.75.429 1.146.086.312.145.631.175.954a3.29 3.29 0 0 0 .674-.796l3.701-6.143a1.75 1.75 0 0 1 1.505-.875h.709l.927 3.246a5.68 5.68 0 0 1 1.672-.542L21.66 8.125Z"></path><path d="M24.347 14.25a5.94 5.94 0 0 0-.875.079l.49 1.75c.088.289 1.252 4.331 1.252 4.331h-1.838l-1.094-3.78-.498-1.75a5.67 5.67 0 1 0 2.563-.63Z"></path><path d="M7.285 10.75 6.699 9h-4.41l.586 1.75h4.41Z"></path><path d="M5.228 13.375H8.16l-.587-1.75h-2.94l.595 1.75Z"></path></svg>`;
   }
 }
 l.styles = g`
@@ -35,13 +35,13 @@ l.styles = g`
             height: var(--btn-icon-size);
         }
     `;
-h([
-  n({ type: String, reflect: !0 })
+n([
+  p({ type: String, reflect: !0 })
 ], l.prototype, "size", 2);
-h([
-  n({ type: String, reflect: !0 })
+n([
+  p({ type: String, reflect: !0 })
 ], l.prototype, "class", 2);
-h([
+n([
   u("svg")
 ], l.prototype, "_svg", 2);
 customElements.get(a) === void 0 && customElements.define(a, l);

package/dist/IconBikeLarge.js

@@ -1,10 +1,10 @@
 import { css as g, LitElement as v, html as u } from "lit";
-import { property as a, query as d } from "lit/decorators.js";
-import { g as n } from "./configs.58b0302e.js";
-var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, h = (c, s, t, i) => {
-  for (var e = i > 1 ? void 0 : i ? b(s, t) : s, o = c.length - 1, l; o >= 0; o--)
-    (l = c[o]) && (e = (i ? l(s, t, e) : l(e)) || e);
-  return i && e && f(s, t, e), e;
+import { property as a, query as b } from "lit/decorators.js";
+import { g as h } from "./configs.58b0302e.js";
+var d = Object.defineProperty, f = Object.getOwnPropertyDescriptor, n = (o, s, t, i) => {
+  for (var e = i > 1 ? void 0 : i ? f(s, t) : s, c = o.length - 1, l; c >= 0; c--)
+    (l = o[c]) && (e = (i ? l(s, t, e) : l(e)) || e);
+  return i && e && d(s, t, e), e;
 };
 const p = "icon-bike-large";
 class r extends v {
@@ -14,17 +14,17 @@ class r extends v {
   connectedCallback() {
     var s, t, i;
     if (super.connectedCallback(), ((s = this._svg) == null ? void 0 : s.getAttribute("width")) === null) {
-      const e = n("c-pieIcon c-pieIcon--bikeLarge", "", null, "IconBikeLarge");
+      const e = h("c-pieIcon c-pieIcon--bikeLarge", "", null, "IconBikeLarge");
       (t = this._svg) == null || t.setAttribute("width", e.width), (i = this._svg) == null || i.setAttribute("height", e.height);
     }
   }
   updated(s) {
     var i, e;
     let t;
-    s.has("size") && (t = n("c-pieIcon c-pieIcon--bikeLarge", "", this.size, "IconBikeLarge"), (i = this._svg) == null || i.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    s.has("size") && (t = h("c-pieIcon c-pieIcon--bikeLarge", "", this.size, "IconBikeLarge"), (i = this._svg) == null || i.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
   }
   render() {
-    return u`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bikeLarge"><g clip-path="url(#prefix__clip0_2_1966)"><path fill-rule="evenodd" d="M23.438 14.329a5.94 5.94 0 0 1 .875-.079 5.687 5.687 0 1 1-2.547.613l-.927-3.238h-.709a1.75 1.75 0 0 0-1.505.875l-3.701 6.142c-.184.298-.41.566-.674.797a4.77 4.77 0 0 1 0 .498 5.688 5.688 0 1 1-1.671-4.025l-1.54-5.162H9L8.414 9h5.836v1.75h-1.383L14.434 16l2.677-4.428a3.5 3.5 0 0 1 3.002-1.697h.2l-.367-1.295a2.625 2.625 0 0 1 1.61-3.185L23 4.861v1.864l-.875.306a.875.875 0 0 0-.499 1.094l1.811 6.204ZM6.521 23.314a3.92 3.92 0 0 0 5.925-3.035 3.07 3.07 0 0 1-.568.061H8.983l-.587-1.75h3.5c.113-.004.224-.022.333-.052a3.938 3.938 0 1 0-5.707 4.776Zm15.413-.23c.685.517 1.52.794 2.378.791a3.937 3.937 0 0 0 0-7.875 2.987 2.987 0 0 0-.438.044l1.286 4.331h-1.82l-1.094-3.78a3.928 3.928 0 0 0-.312 6.49Z" clip-rule="evenodd"></path><path d="M2.84 10.75h4.41L6.664 9h-4.41l.586 1.75Z"></path><path d="M7.539 11.625h-2.94l.595 1.75h2.931l-.586-1.75Z"></path></g><defs><clipPath id="prefix__clip0_2_1966"><rect width="28" height="28" transform="translate(2 2)"></rect></clipPath></defs></svg>`;
+    return u`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bikeLarge"><path fill-rule="evenodd" d="M23.438 14.329a5.94 5.94 0 0 1 .875-.079 5.687 5.687 0 1 1-2.547.613l-.927-3.238h-.709a1.75 1.75 0 0 0-1.505.875l-3.701 6.143c-.184.297-.41.566-.674.796a4.77 4.77 0 0 1 0 .499 5.688 5.688 0 1 1-1.671-4.025l-1.54-5.163H9L8.414 9h5.836v1.75h-1.383L14.434 16l2.677-4.427a3.5 3.5 0 0 1 3.002-1.698h.2l-.367-1.295a2.625 2.625 0 0 1 1.61-3.185L23 4.861v1.864l-.875.306a.875.875 0 0 0-.499 1.094l1.811 6.204ZM6.521 23.314a3.92 3.92 0 0 0 5.925-3.035 3.07 3.07 0 0 1-.568.061H8.983l-.587-1.75h3.5c.113-.004.224-.022.333-.052a3.938 3.938 0 1 0-5.707 4.776Zm15.413-.229c.685.516 1.52.793 2.378.79a3.937 3.937 0 0 0 0-7.875 2.987 2.987 0 0 0-.438.044l1.286 4.331h-1.82l-1.094-3.78a3.928 3.928 0 0 0-.312 6.49Z" clip-rule="evenodd"></path><path d="M2.84 10.75h4.41L6.664 9h-4.41l.586 1.75Z"></path><path d="M7.539 11.625h-2.94l.595 1.75h2.93l-.585-1.75Z"></path></svg>`;
   }
 }
 r.styles = g`
@@ -35,14 +35,14 @@ r.styles = g`
             height: var(--btn-icon-size);
         }
     `;
-h([
+n([
   a({ type: String, reflect: !0 })
 ], r.prototype, "size", 2);
-h([
+n([
   a({ type: String, reflect: !0 })
 ], r.prototype, "class", 2);
-h([
-  d("svg")
+n([
+  b("svg")
 ], r.prototype, "_svg", 2);
 customElements.get(p) === void 0 && customElements.define(p, r);
 export {

package/dist/IconBookmark.js

@@ -1,13 +1,13 @@
-import { css as g, LitElement as v, html as u } from "lit";
+import { css as v, LitElement as g, html as u } from "lit";
 import { property as a, query as m } from "lit/decorators.js";
 import { g as p } from "./configs.58b0302e.js";
-var f = Object.defineProperty, d = Object.getOwnPropertyDescriptor, l = (r, s, e, o) => {
+var b = Object.defineProperty, d = Object.getOwnPropertyDescriptor, l = (r, s, e, o) => {
   for (var t = o > 1 ? void 0 : o ? d(s, e) : s, c = r.length - 1, n; c >= 0; c--)
     (n = r[c]) && (t = (o ? n(s, e, t) : n(t)) || t);
-  return o && t && f(s, e, t), t;
+  return o && t && b(s, e, t), t;
 };
 const h = "icon-bookmark";
-class i extends v {
+class i extends g {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--bookmark";
   }
@@ -24,10 +24,10 @@ class i extends v {
     s.has("size") && (e = p("c-pieIcon c-pieIcon--bookmark", "", this.size, "IconBookmark"), (o = this._svg) == null || o.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
-    return u`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bookmark"><g clip-path="url(#prefix__clip0_7724_3883)"><path fill-rule="evenodd" d="M3.835 1.84h8.321c1.085 0 1.969.884 1.969 1.969v10.57L8 11.465l-6.134 2.914V3.809c0-1.085.884-1.969 1.969-1.969Zm4.174 8.172 4.812 2.293V3.809a.661.661 0 0 0-.656-.657H3.844a.661.661 0 0 0-.657.657v8.496l4.822-2.293ZM8 4.492l.709 1.452 1.592.227L9.155 7.3l.271 1.584L8 8.13l-1.426.753.28-1.584-1.155-1.129 1.592-.227L8 4.49Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_7724_3883"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>`;
+    return u`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bookmark"><path fill-rule="evenodd" d="M3.835 1.84h8.321c1.085 0 1.969.884 1.969 1.969v10.57L8 11.465l-6.134 2.914V3.809c0-1.085.884-1.969 1.969-1.969Zm4.174 8.172 4.812 2.293V3.809a.661.661 0 0 0-.656-.657H3.844a.661.661 0 0 0-.657.657v8.496l4.822-2.293ZM8 4.492l.709 1.452 1.592.227L9.155 7.3l.271 1.584L8 8.13l-1.426.753.28-1.584-1.155-1.129 1.592-.227L8 4.49Z" clip-rule="evenodd"></path></svg>`;
   }
 }
-i.styles = g`
+i.styles = v`
         :host-context(pie-icon-button) svg,
         :host-context(pie-button) svg {
             display: block;

package/dist/IconBookmarkFilled.js

@@ -1,30 +1,30 @@
-import { css as g, LitElement as d, html as v } from "lit";
+import { css as g, LitElement as v, html as d } from "lit";
 import { property as a, query as u } from "lit/decorators.js";
 import { g as p } from "./configs.58b0302e.js";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, n = (r, o, t, i) => {
-  for (var e = i > 1 ? void 0 : i ? m(o, t) : o, l = r.length - 1, c; l >= 0; l--)
-    (c = r[l]) && (e = (i ? c(o, t, e) : c(e)) || e);
-  return i && e && f(o, t, e), e;
+var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (r, i, t, o) => {
+  for (var e = o > 1 ? void 0 : o ? b(i, t) : i, l = r.length - 1, c; l >= 0; l--)
+    (c = r[l]) && (e = (o ? c(i, t, e) : c(e)) || e);
+  return o && e && m(i, t, e), e;
 };
 const h = "icon-bookmark-filled";
-class s extends d {
+class s extends v {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--bookmarkFilled";
   }
   connectedCallback() {
-    var o, t, i;
-    if (super.connectedCallback(), ((o = this._svg) == null ? void 0 : o.getAttribute("width")) === null) {
+    var i, t, o;
+    if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
       const e = p("c-pieIcon c-pieIcon--bookmarkFilled", "", null, "IconBookmarkFilled");
-      (t = this._svg) == null || t.setAttribute("width", e.width), (i = this._svg) == null || i.setAttribute("height", e.height);
+      (t = this._svg) == null || t.setAttribute("width", e.width), (o = this._svg) == null || o.setAttribute("height", e.height);
     }
   }
-  updated(o) {
-    var i, e;
+  updated(i) {
+    var o, e;
     let t;
-    o.has("size") && (t = p("c-pieIcon c-pieIcon--bookmarkFilled", "", this.size, "IconBookmarkFilled"), (i = this._svg) == null || i.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
+    i.has("size") && (t = p("c-pieIcon c-pieIcon--bookmarkFilled", "", this.size, "IconBookmarkFilled"), (o = this._svg) == null || o.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
   }
   render() {
-    return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bookmarkFilled"><g clip-path="url(#prefix__clip0_7724_3886)"><path fill-rule="evenodd" d="M3.835 1.84h8.321c1.085 0 1.969.884 1.969 1.969v10.57L8 11.465l-6.134 2.914V3.809c0-1.085.884-1.969 1.969-1.969ZM8 4.491l.709 1.453 1.592.227L9.155 7.3l.271 1.584L8 8.13l-1.426.753.28-1.584-1.155-1.129 1.592-.227L8 4.49Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_7724_3886"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>`;
+    return d`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--bookmarkFilled"><path fill-rule="evenodd" d="M3.835 1.84h8.321c1.085 0 1.969.884 1.969 1.969v10.57L8 11.465l-6.134 2.914V3.809c0-1.085.884-1.969 1.969-1.969ZM8 4.491l.709 1.453 1.592.227L9.155 7.3l.271 1.584L8 8.13l-1.426.753.28-1.584-1.155-1.129 1.592-.227L8 4.49Z" clip-rule="evenodd"></path></svg>`;
   }
 }
 s.styles = g`

package/dist/IconBooks.js

@@ -1,10 +1,10 @@
-import { css as v, LitElement as g, html as u } from "lit";
-import { property as a, query as d } from "lit/decorators.js";
+import { css as a, LitElement as g, html as u } from "lit";
+import { property as v, query as m } from "lit/decorators.js";
 import { g as p } from "./configs.58b0302e.js";
-var f = Object.defineProperty, m = Object.getOwnPropertyDescriptor, n = (c, o, e, s) => {
-  for (var t = s > 1 ? void 0 : s ? m(o, e) : o, r = c.length - 1, l; r >= 0; r--)
-    (l = c[r]) && (t = (s ? l(o, e, t) : l(t)) || t);
-  return s && t && f(o, e, t), t;
+var b = Object.defineProperty, d = Object.getOwnPropertyDescriptor, l = (c, o, e, s) => {
+  for (var t = s > 1 ? void 0 : s ? d(o, e) : o, r = c.length - 1, n; r >= 0; r--)
+    (n = c[r]) && (t = (s ? n(o, e, t) : n(t)) || t);
+  return s && t && b(o, e, t), t;
 };
 const h = "icon-books";
 class i extends g {
@@ -24,10 +24,10 @@ class i extends g {
     o.has("size") && (e = p("c-pieIcon c-pieIcon--books", "", this.size, "IconBooks"), (s = this._svg) == null || s.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
-    return u`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--books"><g clip-path="url(#prefix__clip0_9288_3887)"><path d="m10.853 6.532 1.664-.993v1.524l-1.664.994V6.532Z"></path><path fill-rule="evenodd" d="M12.988 2.333a1.216 1.216 0 0 1 1.228-.017c.383.209.618.618.618 1.054v5.654c0 .61-.296 1.202-.792 1.568l-5.07 3.78-.036-.043a1.668 1.668 0 0 1-1.977-.078l-.026.043-4.931-3.423a1.952 1.952 0 0 1-.845-1.612v-5.89a1.212 1.212 0 0 1 1.76-1.08l.087-1.019.697.113.005.001c.188.035 2.875.535 4.29 2.726 1.369-2.178 3.904-2.68 4.089-2.717l.005-.001.706-.122.096 1.124.096-.061Zm-6.691 9.931v-5.82c0-.2.043-.391.104-.565L2.472 3.526V9.26c0 .218.105.418.279.54l3.546 2.466Zm-2.117-9.4-.018.157 2.51 1.499C5.93 3.596 4.876 3.1 4.18 2.864ZM7.996 13.31a.39.39 0 0 0 .392-.392v-.906h-.784v.906a.39.39 0 0 0 .392.392Zm-.392-2.605h.784V8.65h-.784v2.056Zm0-3.363h.784v-.906a.39.39 0 0 0-.392-.392.39.39 0 0 0-.392.392v.906Zm4.033-4.208-.017-.26c-.662.234-1.638.73-2.335 1.663l2.352-1.403Zm1.63 6.412a.644.644 0 0 0 .26-.522V3.526L9.6 5.88c.06.174.104.366.104.566v5.758l3.563-2.657Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_9288_3887"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>`;
+    return u`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--books"><path d="m10.853 6.532 1.664-.993v1.524l-1.664.994V6.532Z"></path><path fill-rule="evenodd" d="M12.988 2.333a1.216 1.216 0 0 1 1.228-.018c.383.21.618.619.618 1.055v5.654c0 .61-.296 1.202-.792 1.568l-5.07 3.78-.036-.043a1.668 1.668 0 0 1-1.977-.078l-.026.043-4.931-3.424a1.952 1.952 0 0 1-.845-1.611v-5.89a1.212 1.212 0 0 1 1.76-1.08l.087-1.019.697.113.005.001c.188.035 2.875.535 4.29 2.726 1.369-2.178 3.904-2.68 4.089-2.717l.005-.001.706-.122.096 1.124.096-.061Zm-6.691 9.931v-5.82c0-.2.043-.391.104-.565L2.472 3.526V9.26c0 .218.105.418.279.54l3.546 2.465Zm-2.117-9.4-.018.157 2.51 1.499C5.93 3.596 4.876 3.1 4.18 2.864ZM7.996 13.31a.39.39 0 0 0 .392-.392v-.906h-.784v.906a.39.39 0 0 0 .392.392Zm-.392-2.605h.784V8.649h-.784v2.056Zm0-3.363h.784v-.906a.39.39 0 0 0-.392-.392.39.39 0 0 0-.392.392v.906Zm4.033-4.208-.017-.261c-.662.235-1.638.732-2.335 1.664l2.352-1.403Zm1.63 6.412a.644.644 0 0 0 .26-.522V3.526L9.6 5.88c.06.174.104.366.104.566v5.758l3.563-2.657Z" clip-rule="evenodd"></path></svg>`;
   }
 }
-i.styles = v`
+i.styles = a`
         :host-context(pie-icon-button) svg,
         :host-context(pie-button) svg {
             display: block;
@@ -35,14 +35,14 @@ i.styles = v`
             height: var(--btn-icon-size);
         }
     `;
-n([
-  a({ type: String, reflect: !0 })
+l([
+  v({ type: String, reflect: !0 })
 ], i.prototype, "size", 2);
-n([
-  a({ type: String, reflect: !0 })
+l([
+  v({ type: String, reflect: !0 })
 ], i.prototype, "class", 2);
-n([
-  d("svg")
+l([
+  m("svg")
 ], i.prototype, "_svg", 2);
 customElements.get(h) === void 0 && customElements.define(h, i);
 export {

package/dist/IconCelery.js

@@ -1,13 +1,13 @@
-import { css as g, LitElement as u, html as v } from "lit";
+import { css as g, LitElement as v, html as u } from "lit";
 import { property as h, query as f } from "lit/decorators.js";
 import { g as p } from "./configs.58b0302e.js";
-var _ = Object.defineProperty, d = Object.getOwnPropertyDescriptor, n = (l, s, t, c) => {
-  for (var e = c > 1 ? void 0 : c ? d(s, t) : s, r = l.length - 1, o; r >= 0; r--)
-    (o = l[r]) && (e = (c ? o(s, t, e) : o(e)) || e);
-  return c && e && _(s, t, e), e;
+var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (i, s, t, c) => {
+  for (var e = c > 1 ? void 0 : c ? y(s, t) : s, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (e = (c ? o(s, t, e) : o(e)) || e);
+  return c && e && m(s, t, e), e;
 };
 const a = "icon-celery";
-class i extends u {
+class l extends v {
   constructor() {
     super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--celery";
   }
@@ -24,10 +24,10 @@ class i extends u {
     s.has("size") && (t = p("c-pieIcon c-pieIcon--celery", "", this.size, "IconCelery"), (c = this._svg) == null || c.setAttribute("width", t.width), (e = this._svg) == null || e.setAttribute("height", t.height));
   }
   render() {
-    return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--celery"><g clip-path="url(#prefix__clip0_9283_3646)"><path d="m13.397 11.332-2.265-2.056c-1.02-.923-.48-1.855-.436-1.934l.436-.6a2.058 2.058 0 0 0 .357-1.586 2.034 2.034 0 0 0-.871-1.307l.026-.122c.087-.366 0-.75-.209-1.054a1.31 1.31 0 0 0-.932-.54c-.079 0-.148-.053-.192-.122l-.078-.14a1.384 1.384 0 0 0-1.42-.688A1.37 1.37 0 0 0 6.68 2.28l-.06.313a1.486 1.486 0 0 0-1.15.932 2.073 2.073 0 0 0-.985.157.738.738 0 0 1-.453.035l-.279-.06a1.924 1.924 0 0 0-1.76.478 1.94 1.94 0 0 0-.575 1.734l.113.645a1.872 1.872 0 0 0 .846 2.596l.618.287.48.47c.234.236.679.489 2.02.367.48-.035.645.026.68.034l4.478 3.938c.374.375.88.584 1.411.584h.087a1.988 1.988 0 0 0 1.255-3.459h-.009ZM8.109 2.498l.078.14c.244.444.697.732 1.203.784l-.061.244a1.135 1.135 0 0 0 .583 1.263c.157.113.27.27.305.47.035.2 0 .41-.13.575l-.436.602c-.13.183-.305.54-.383 1.001l-.575-.522c-.131-.122-.166-.192-.175-.218A1.873 1.873 0 0 0 7.63 5.67l-.2-.114c-.096-.06-.166-.157-.184-.322a1.915 1.915 0 0 0-.575-1.159l.027-.07a.16.16 0 0 1 .148-.113c.427-.026.958-.461.993-.68l.148-.67m4.609 10.724a.67.67 0 0 1-.497.244.712.712 0 0 1-.54-.226l-4.53-3.99-.018-.018c-.279-.226-.67-.34-1.202-.34-.122 0-.261 0-.4.018-.21.017-.384.026-.523.026-.358 0-.48-.043-.47-.026l-.55-.54-.897-.462a.57.57 0 0 1-.296-.34.529.529 0 0 1 .043-.444c.14-.261.192-.558.14-.845l-.114-.653a.631.631 0 0 1 .183-.558.617.617 0 0 1 .567-.157l.278.061a2.08 2.08 0 0 0 1.307-.13c.192-.079.4-.07.575.034a.67.67 0 0 1 .323.532c.06.522.374.984.827 1.246l.2.113c.131.078.227.2.27.348.079.314.262.601.558.871l2.448 2.23 2.265 2.057c.27.244.305.662.061.95h-.008Z"></path></g><defs><clipPath id="prefix__clip0_9283_3646"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>`;
+    return u`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--celery"><path d="m13.397 11.332-2.265-2.055c-1.02-.924-.48-1.856-.436-1.935l.436-.6a2.058 2.058 0 0 0 .357-1.586 2.034 2.034 0 0 0-.871-1.307l.026-.122c.087-.366 0-.75-.21-1.054a1.31 1.31 0 0 0-.931-.54c-.079 0-.149-.053-.192-.122l-.078-.14a1.384 1.384 0 0 0-1.42-.688A1.37 1.37 0 0 0 6.68 2.281l-.061.313a1.486 1.486 0 0 0-1.15.933 2.073 2.073 0 0 0-.984.156.738.738 0 0 1-.453.035l-.28-.06a1.924 1.924 0 0 0-1.76.478 1.94 1.94 0 0 0-.574 1.734l.113.645a1.872 1.872 0 0 0 .845 2.596l.619.287.479.47c.235.236.68.489 2.021.367.48-.035.645.026.68.035l4.478 3.937c.374.375.88.584 1.41.584h.088a1.988 1.988 0 0 0 1.255-3.459h-.01ZM8.109 2.5l.078.139c.244.444.697.732 1.202.784l-.06.244a1.135 1.135 0 0 0 .583 1.263c.157.114.27.27.305.47.035.201 0 .41-.13.576l-.436.6c-.131.184-.305.541-.384 1.003l-.575-.523c-.13-.122-.165-.192-.174-.218A1.873 1.873 0 0 0 7.63 5.67l-.2-.113c-.097-.061-.166-.157-.184-.323a1.915 1.915 0 0 0-.575-1.158l.026-.07a.16.16 0 0 1 .148-.113c.427-.027.959-.462.994-.68l.148-.67m4.608 10.723a.67.67 0 0 1-.496.245.712.712 0 0 1-.54-.227l-4.53-3.99-.018-.017c-.279-.227-.67-.34-1.202-.34-.122 0-.262 0-.401.017-.21.018-.383.026-.523.026-.357 0-.479-.043-.47-.026l-.549-.54-.897-.462a.57.57 0 0 1-.297-.34.529.529 0 0 1 .044-.444 1.3 1.3 0 0 0 .14-.845l-.114-.653a.631.631 0 0 1 .183-.558.617.617 0 0 1 .566-.157l.28.061a2.08 2.08 0 0 0 1.306-.13c.192-.079.4-.07.575.035a.67.67 0 0 1 .322.531c.061.523.375.984.828 1.246l.2.113c.131.078.227.2.27.349.079.313.262.6.558.87l2.448 2.23 2.265 2.057c.27.244.305.662.061.95h-.009Z"></path></svg>`;
   }
 }
-i.styles = g`
+l.styles = g`
         :host-context(pie-icon-button) svg,
         :host-context(pie-button) svg {
             display: block;
@@ -37,14 +37,14 @@ i.styles = g`
     `;
 n([
   h({ type: String, reflect: !0 })
-], i.prototype, "size", 2);
+], l.prototype, "size", 2);
 n([
   h({ type: String, reflect: !0 })
-], i.prototype, "class", 2);
+], l.prototype, "class", 2);
 n([
   f("svg")
-], i.prototype, "_svg", 2);
-customElements.get(a) === void 0 && customElements.define(a, i);
+], l.prototype, "_svg", 2);
+customElements.get(a) === void 0 && customElements.define(a, l);
 export {
-  i as IconCelery
+  l as IconCelery
 };

package/dist/IconChatBotLarge.js

@@ -1,33 +1,33 @@
-import { css as g, LitElement as u, html as v } from "lit";
-import { property as p, query as f } from "lit/decorators.js";
+import { css as g, LitElement as v, html as u } from "lit";
+import { property as p, query as m } from "lit/decorators.js";
 import { g as h } from "./configs.58b0302e.js";
-var m = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (o, i, e, s) => {
-  for (var t = s > 1 ? void 0 : s ? _(i, e) : i, c = o.length - 1, a; c >= 0; c--)
-    (a = o[c]) && (t = (s ? a(i, e, t) : a(t)) || t);
-  return s && t && m(i, e, t), t;
+var f = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (r, o, e, s) => {
+  for (var t = s > 1 ? void 0 : s ? b(o, e) : o, c = r.length - 1, n; c >= 0; c--)
+    (n = r[c]) && (t = (s ? n(o, e, t) : n(t)) || t);
+  return s && t && f(o, e, t), t;
 };
 const l = "icon-chat-bot-large";
-class r extends u {
+class i extends v {
   constructor() {
     super(...arguments), this.size = 32, this.class = "c-pieIcon c-pieIcon--chatBotLarge";
   }
   connectedCallback() {
-    var i, e, s;
-    if (super.connectedCallback(), ((i = this._svg) == null ? void 0 : i.getAttribute("width")) === null) {
+    var o, e, s;
+    if (super.connectedCallback(), ((o = this._svg) == null ? void 0 : o.getAttribute("width")) === null) {
       const t = h("c-pieIcon c-pieIcon--chatBotLarge", "", null, "IconChatBotLarge");
       (e = this._svg) == null || e.setAttribute("width", t.width), (s = this._svg) == null || s.setAttribute("height", t.height);
     }
   }
-  updated(i) {
+  updated(o) {
     var s, t;
     let e;
-    i.has("size") && (e = h("c-pieIcon c-pieIcon--chatBotLarge", "", this.size, "IconChatBotLarge"), (s = this._svg) == null || s.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
+    o.has("size") && (e = h("c-pieIcon c-pieIcon--chatBotLarge", "", this.size, "IconChatBotLarge"), (s = this._svg) == null || s.setAttribute("width", e.width), (t = this._svg) == null || t.setAttribute("height", e.height));
   }
   render() {
-    return v`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--chatBotLarge"><g clip-path="url(#prefix__clip0_18_548)"><path d="M26.36 9.131a11.769 11.769 0 1 0-14.446 16.573l.105 4.453.997-.157c7-1.172 12.25-5.617 14.202-11.891a11.647 11.647 0 0 0-.858-8.978Zm-.814 8.453c-1.627 5.329-6.01 9.187-11.82 10.5l-.097-3.649-.604-.184a10.033 10.033 0 0 1 5.871-19.188 10.027 10.027 0 0 1 6.65 12.52Zm-7.35-1.532 1.698.43a4.016 4.016 0 0 1-7.788 0l1.698-.43a2.266 2.266 0 0 0 4.375 0h.017Zm5.68-2.86-1.698.41a1.365 1.365 0 0 0-2.678 0l-1.697-.41a3.107 3.107 0 0 1 6.072 0Zm-11.323.41a1.365 1.365 0 0 0-2.678 0l-1.697-.41a3.106 3.106 0 0 1 6.072 0l-1.697.41Z"></path></g><defs><clipPath id="prefix__clip0_18_548"><rect width="28" height="28" transform="translate(2 2)"></rect></clipPath></defs></svg>`;
+    return u`<svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--chatBotLarge"><path d="M26.36 9.131a11.769 11.769 0 1 0-14.446 16.573l.105 4.453.997-.157c7-1.173 12.25-5.618 14.202-11.891a11.647 11.647 0 0 0-.858-8.978Zm-.814 8.453c-1.627 5.328-6.01 9.187-11.82 10.5l-.097-3.65-.604-.183a10.033 10.033 0 0 1 5.871-19.189 10.027 10.027 0 0 1 6.65 12.522Zm-7.35-1.532 1.698.43a4.016 4.016 0 0 1-7.788 0l1.698-.43a2.266 2.266 0 0 0 4.375 0h.017Zm5.68-2.86-1.698.41a1.365 1.365 0 0 0-2.678 0l-1.697-.41a3.107 3.107 0 0 1 6.072 0Zm-11.323.41a1.365 1.365 0 0 0-2.678 0l-1.697-.41a3.106 3.106 0 0 1 6.072 0l-1.697.41Z"></path></svg>`;
   }
 }
-r.styles = g`
+i.styles = g`
         :host-context(pie-icon-button) svg,
         :host-context(pie-button) svg {
             display: block;
@@ -35,16 +35,16 @@ r.styles = g`
             height: var(--btn-icon-size);
         }
     `;
-n([
+a([
   p({ type: String, reflect: !0 })
-], r.prototype, "size", 2);
-n([
+], i.prototype, "size", 2);
+a([
   p({ type: String, reflect: !0 })
-], r.prototype, "class", 2);
-n([
-  f("svg")
-], r.prototype, "_svg", 2);
-customElements.get(l) === void 0 && customElements.define(l, r);
+], i.prototype, "class", 2);
+a([
+  m("svg")
+], i.prototype, "_svg", 2);
+customElements.get(l) === void 0 && customElements.define(l, i);
 export {
-  r as IconChatBotLarge
+  i as IconChatBotLarge
 };