@nstc-design/icons 0.0.2 → 0.0.4

package/packages/vue/icons/Power.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const Power = defineComponent({
+  name: "Power",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M746.56 112.32a470 470 0 0 1 117.333 95.232 461.87 461.87 0 0 1 117.44 308.16c0 257.237-210.218 465.621-469.333 465.621S42.667 772.95 42.667 515.712a461.87 461.87 0 0 1 117.461-308.16A470.6 470.6 0 0 1 277.44 112.32l37.013-21.205 42.454 74.026-37.014 21.206a385.1 385.1 0 0 0-96 77.973A376.53 376.53 0 0 0 128 515.712C128 725.653 299.84 896 512 896s384-170.347 384-380.288a376.53 376.53 0 0 0-95.872-251.392 385.4 385.4 0 0 0-96.021-77.973l-37.014-21.227 42.454-74.027zM554.667 42.667V640h-85.334V42.667z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/PreciousMetal.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const PreciousMetal: DefineComponent<IconProps>;

package/packages/vue/icons/PreciousMetal.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const PreciousMetal = defineComponent({
+  name: "PreciousMetal",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "m284.373 503.339-80.704 13.418 152.299 137.067 1.536-.256 170.517-20.843a42.67 42.67 0 0 1 44.374 25.472l64.128 148.843a42.667 42.667 0 0 1-32.683 59.05l-277.333 42.667a42.71 42.71 0 0 1-36.672-12.01L55.168 662.08a42.67 42.67 0 0 1-9.045-46.976l64-149.333a42.67 42.67 0 0 1 32.213-25.28l128-21.334 14.016 84.182zm602.368 65.6c21.334-4.736 42.838 7.424 49.75 28.16l42.666 128a42.667 42.667 0 0 1-30.165 54.89l-256 64a42.667 42.667 0 0 1-52.565-47.424l21.333-149.333a42.69 42.69 0 0 1 32.981-35.627zm-489.77 165.76-20.011 79.957 159.36-24.533-29.653-68.8L396.97 734.72zM135.893 622.165l160.96 160.96 13.824-55.253L151.83 584.939zm606.102 66.347-8.128 57.301 149.76-37.44-15.958-47.786-125.653 27.904zm-277.76-559.36a42.71 42.71 0 0 1 36.266 8.107l248.896 197.184a42.6 42.6 0 0 1 14.251 20.778l48.875 157.398a42.667 42.667 0 0 1-32.747 54.57l-232.832 44.438a42.67 42.67 0 0 1-36.757-10.368L239.808 354.773a42.67 42.67 0 0 1-9.6-50.218l57.43-117.952a42.69 42.69 0 0 1 28.629-22.87l148.01-34.624zm138.41 306.816-12.373 80.512 126.57-24.17-23.253-74.923-90.944 18.56zm-281.77-122.73 187.989 171.349 9.003-58.667L340.16 273.621zm96.746-85.569L567.51 356.053l57.067-11.648-160.939-127.488z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/PreciousPlaneMetal.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const PreciousPlaneMetal: DefineComponent<IconProps>;

package/packages/vue/icons/PreciousPlaneMetal.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const PreciousPlaneMetal = defineComponent({
+  name: "PreciousPlaneMetal",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M405.333 533.333c21.056 0 38.976 15.36 42.176 36.182l42.667 277.333A42.667 42.667 0 0 1 448 896H85.333a42.667 42.667 0 0 1-42.176-49.152l42.667-277.333A42.67 42.67 0 0 1 128 533.333zm490.667 0c21.056 0 38.976 15.36 42.176 36.182l42.667 277.333A42.667 42.667 0 0 1 938.667 896H576a42.667 42.667 0 0 1-42.176-49.152l42.667-277.333a42.67 42.67 0 0 1 42.176-36.182zM135.04 810.667h263.232l-29.547-192H164.587zm490.667 0h263.232l-29.547-192H655.253zM699.733 128a42.67 42.67 0 0 1 42.07 35.541l46.933 277.334a42.667 42.667 0 0 1-42.048 49.792H277.333a42.667 42.667 0 0 1-42.09-49.792l46.933-277.334A42.67 42.67 0 0 1 324.266 128zM327.808 405.333h368.363l-32.491-192H360.32z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/PrefectureAmount.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const PrefectureAmount: DefineComponent<IconProps>;

package/packages/vue/icons/PrefectureAmount.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const PrefectureAmount = defineComponent({
+  name: "PrefectureAmount",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M938.667 85.333A42.667 42.667 0 0 1 981.333 128v298.667H896v-256H128v682.666h341.333v85.334h-384A42.667 42.667 0 0 1 42.667 896V128a42.667 42.667 0 0 1 42.666-42.667zm-192 384c129.6 0 234.666 105.067 234.666 234.667S876.267 938.667 746.667 938.667 512 833.6 512 704s105.067-234.667 234.667-234.667M705.067 736c5.205 79.573 28.458 138.667 41.6 138.667 13.141 0 36.394-59.094 41.6-138.667zm-126.038 0a170.77 170.77 0 0 0 82.091 115.627c-11.093-32.555-18.005-72.278-20.267-115.627zm273.451 0c-2.261 43.35-9.173 83.072-20.288 115.627A170.77 170.77 0 0 0 914.325 736zM661.12 556.33A170.8 170.8 0 0 0 579.03 672h61.823c2.262-43.35 9.174-83.093 20.267-115.67m85.547-22.997c-13.142 0-36.395 59.094-41.6 138.667h83.2c-5.227-79.573-28.48-138.667-41.6-138.667m85.525 22.998c11.093 32.576 18.005 72.32 20.288 115.669h61.824a170.8 170.8 0 0 0-82.133-115.67zm-396.31-330.816c23.766 0 41.558 8.874 53.42 26.325l.17.235c7.595 11.221 12.587 25.834 15.19 43.648.405 2.666.767 5.418 1.066 8.234.15 1.643.256 3.328.384 5.014.47 6.186.79 12.714.79 19.562a209.4 209.4 0 0 1-3.457 38.656 130 130 0 0 1-3.776 14.614 110 110 0 0 1-3.989 10.346 87 87 0 0 1-7.659 13.867 64 64 0 0 1-20.629 19.499 60.5 60.5 0 0 1-11.435 5.12c-7.253 2.432-15.189 3.669-23.829 3.669-25.707 0-44.587-9.813-56.64-29.056a72 72 0 0 1-1.75-2.944l-.255-.427c-9.387-16.853-13.867-39.957-13.867-68.842a211 211 0 0 1 1.344-25.6 162 162 0 0 1 4.267-23.04 123 123 0 0 1 4.16-12.651c2.624-6.592 5.76-12.565 9.493-17.899a65.34 65.34 0 0 1 22.997-20.586 60.4 60.4 0 0 1 9.6-4.054 69.2 69.2 0 0 1 14.763-3.2 89 89 0 0 1 9.643-.49m157.867 0c23.766 0 41.579 8.874 53.419 26.325l.192.235c7.573 11.221 12.565 25.834 15.19 43.648a222 222 0 0 1 1.045 8.234c.149 1.643.256 3.328.384 5.014.49 6.186.789 12.714.789 19.562a209.4 209.4 0 0 1-3.435 38.656l-.213 1.024a130 130 0 0 1-3.563 13.568 109 109 0 0 1-3.968 10.368 87 87 0 0 1-7.68 13.867 64 64 0 0 1-20.608 19.499 60.5 60.5 0 0 1-11.456 5.12c-7.253 2.432-15.168 3.669-23.829 3.669-25.707 0-44.587-9.813-56.64-29.056a72 72 0 0 1-1.75-2.944l-.255-.427c-9.387-16.853-13.867-39.957-13.867-68.842a211 211 0 0 1 1.365-25.6 162 162 0 0 1 4.267-23.04 123 123 0 0 1 4.16-12.651c2.624-6.592 5.76-12.565 9.472-17.899a65.34 65.34 0 0 1 22.997-20.586 60.4 60.4 0 0 1 9.6-4.054 69.2 69.2 0 0 1 14.784-3.2 94 94 0 0 1 9.622-.49zm157.867 0c23.765 0 41.6 8.874 53.419 26.325l.213.235c7.573 11.221 12.544 25.834 15.168 43.648.405 2.666.747 5.418 1.045 8.234.171 1.643.256 3.328.384 5.014.491 6.186.811 12.714.811 19.562a209.4 209.4 0 0 1-3.477 38.656 144 144 0 0 1-3.755 14.592 109 109 0 0 1-3.99 10.368 87 87 0 0 1-7.68 13.867 64 64 0 0 1-20.607 19.499 60.3 60.3 0 0 1-11.435 5.12c-7.253 2.432-15.19 3.669-23.83 3.669-25.706 0-44.586-9.813-56.66-29.056a72 72 0 0 1-1.75-2.944l-.235-.427c-9.386-16.853-13.866-39.957-13.866-68.842a211 211 0 0 1 1.365-25.6 162 162 0 0 1 4.245-23.04 119 119 0 0 1 4.16-12.651c2.624-6.592 5.76-12.565 9.472-17.899a65.4 65.4 0 0 1 23.019-20.586 60.4 60.4 0 0 1 9.579-4.054 68.8 68.8 0 0 1 14.784-3.2c3.114-.32 6.314-.49 9.621-.49m-476.373 0c20.309 0 36.608 5.269 48.704 15.872 12.202 10.73 18.325 25.514 18.325 44.032 0 10.218-1.728 19.498-5.205 27.84a81.2 81.2 0 0 1-14.891 23.146c-6.421 7.104-16.512 15.51-30.315 25.238-12.842 9.173-21.44 16.213-25.685 20.97-1.92 2.198-3.35 4.16-4.267 5.91l-.128.256h80.854v42.154H205.376v-18.645c0-10.667 1.984-20.459 5.93-29.355 3.905-8.746 9.26-16.896 16.043-24.426 6.742-7.467 17.067-16.107 30.848-25.878 12.16-9.088 20.63-17.066 25.323-23.829 4.523-6.507 6.741-13.312 6.741-20.501 0-14.976-7.53-21.867-24.234-21.867-15.574 0-30.507 6.272-44.95 18.944l-7.082 6.23v-45.44l1.962-3.585c17.622-11.37 37.419-17.066 59.307-17.066zm155.306 35.541a19.4 19.4 0 0 0-6.4 2.24c-2.005 1.11-3.84 2.603-5.525 4.459-.853.917-1.621 1.941-2.39 3.05-3.071 4.48-5.525 10.39-7.36 17.814a145 145 0 0 0-1.258 5.845c-1.92 10.197-2.859 22.72-2.859 37.568 0 2.795.022 5.504.107 8.107.213 7.85.79 14.933 1.685 21.226 1.195 8.363 2.987 15.36 5.376 20.907 2.368 5.59 5.334 9.792 8.918 12.587a19.4 19.4 0 0 0 12.522 4.181c18.774 0 28.139-22.997 28.139-68.992 0-20.203-1.77-35.99-5.248-47.339a54.5 54.5 0 0 0-3.413-8.661 28.2 28.2 0 0 0-6.742-8.917 17.6 17.6 0 0 0-8.661-4.054l-3.307-.277c-1.237 0-2.432.085-3.562.256zm157.888 0a19.4 19.4 0 0 0-6.4 2.24c-2.005 1.11-3.84 2.603-5.546 4.459a30 30 0 0 0-2.39 3.05c-3.05 4.48-5.525 10.39-7.36 17.814a116 116 0 0 0-1.237 5.845q-2.88 15.296-2.88 37.568c0 2.795.021 5.504.107 8.107.213 7.85.789 14.933 1.685 21.226 1.195 8.363 2.987 15.36 5.376 20.907 2.39 5.59 5.355 9.792 8.939 12.587a19.4 19.4 0 0 0 12.522 4.181c18.752 0 28.118-22.997 28.118-68.992 0-20.203-1.75-35.99-5.248-47.339a54.7 54.7 0 0 0-3.414-8.661 28.2 28.2 0 0 0-6.741-8.917 17.6 17.6 0 0 0-8.661-4.054L592 260.8c-1.216 0-2.41.085-3.563.256m157.867 0a19.4 19.4 0 0 0-6.4 2.24c-2.005 1.11-3.84 2.603-5.547 4.459a30 30 0 0 0-2.368 3.05c-3.072 4.48-5.546 10.39-7.36 17.814-.469 1.856-.853 3.797-1.258 5.845q-2.88 15.296-2.88 37.568c0 2.795.042 5.504.106 8.107.214 7.85.811 14.933 1.707 21.226 1.173 8.363 2.987 15.36 5.355 20.907 2.389 5.59 5.376 9.792 8.96 12.587a19.4 19.4 0 0 0 12.501 4.181c18.752 0 28.139-22.997 28.139-68.992 0-20.203-1.771-35.99-5.248-47.339a54.5 54.5 0 0 0-3.414-8.661c-3.861-7.573-9.002-11.904-15.402-12.992l-3.328-.256c-1.216 0-2.411.085-3.563.256m-522.347 16.427a97 97 0 0 1 5.824-4.054z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/Preview.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const Preview: DefineComponent<IconProps>;

package/packages/vue/icons/Preview.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const Preview = defineComponent({
+  name: "Preview",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M853.333 42.667A42.667 42.667 0 0 1 896 85.333v512h-85.333V128h-640v768h256v85.333H128a42.667 42.667 0 0 1-42.667-42.666V85.333A42.667 42.667 0 0 1 128 42.667zM714.667 640c90.346 0 170.538 52.117 239.68 152.533a32 32 0 0 1 0 36.267c-69.142 100.416-149.334 152.533-239.68 152.533S544.128 929.216 474.987 828.8a32 32 0 0 1 0-36.267C544.128 692.117 624.32 640 714.667 640m0 64c-60.843 0-117.803 33.536-171.478 103.467l-2.41 3.2 2.41 3.2c51.947 67.69 106.966 101.269 165.611 103.36l5.867.106c60.842 0 117.802-33.536 171.477-103.466l2.39-3.222-2.39-3.157c-51.947-67.712-106.965-101.29-165.61-103.381zm0 42.667a64 64 0 1 1 0 128 64 64 0 0 1 0-128M533.333 480H234.667v-85.333h298.666zm213.334-170.667h-512V224h512z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/PreviewClose.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const PreviewClose: DefineComponent<IconProps>;

package/packages/vue/icons/PreviewClose.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const PreviewClose = defineComponent({
+  name: "PreviewClose",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "m953.557 323.2-19.712 37.845c-16.213 31.147-40.32 59.712-71.018 84.864-2.774 2.283-5.632 4.502-8.534 6.742L977.9 576.235l-60.352 60.33L779.22 498.22a553.7 553.7 0 0 1-110.25 38.421l45.653 170.368-82.41 22.08-47.787-178.176a704.7 704.7 0 0 1-145.387-.043l-47.744 178.219-82.432-22.08 45.653-170.453a553.7 553.7 0 0 1-109.632-38.251l-138.218 138.24-60.31-60.33 123.456-123.478a351 351 0 0 1-8.618-6.827c-28.331-23.21-51.051-49.365-67.136-77.717l-3.883-7.147-19.712-37.866 75.69-39.382 19.713 37.846c10.602 20.373 27.264 40.106 49.429 58.261 67.307 55.19 176.768 89.43 296.704 89.43 119.915 0 229.419-34.24 296.747-89.43 19.925-16.32 35.413-33.963 46.037-52.181l3.37-6.08 19.691-37.846 75.712 39.382z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/PreviewOpen.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const PreviewOpen: DefineComponent<IconProps>;

package/packages/vue/icons/PreviewOpen.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const PreviewOpen = defineComponent({
+  name: "PreviewOpen",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M512 213.333c114.752 0 225.493 52.054 328.939 137.814a916 916 0 0 1 95.936 92.309 761 761 0 0 1 29.952 35.2l6.037 7.83c11.307 15.146 11.307 35.903 0 51.029-5.035 6.741-13.141 16.874-24.107 29.546l-11.882 13.483a916 916 0 0 1-95.936 92.31C737.472 758.613 626.752 810.666 512 810.666s-225.493-52.054-328.96-137.814a916 916 0 0 1-95.915-92.309 758 758 0 0 1-29.952-35.2l-6.058-7.83a42.67 42.67 0 0 1 0-51.029c5.034-6.741 13.141-16.874 24.106-29.546l11.904-13.483a916 916 0 0 1 95.936-92.31C286.55 265.387 397.27 213.334 512 213.334m0 85.334c-91.435 0-184.896 43.946-274.453 118.186a831 831 0 0 0-86.955 83.691L140.48 512l10.112 11.456a831 831 0 0 0 86.955 83.69c89.557 74.24 183.04 118.187 274.453 118.187s184.896-43.946 274.453-118.186a831.5 831.5 0 0 0 86.955-83.691L883.52 512l-10.112-11.456a831.5 831.5 0 0 0-86.955-83.69c-89.536-74.24-182.997-118.187-274.432-118.187zm0 64a149.333 149.333 0 1 1 0 298.666 149.333 149.333 0 0 1 0-298.666M512 448a64 64 0 1 0 0 128 64 64 0 0 0 0-128" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/PreviewOpenFill.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const PreviewOpenFill: DefineComponent<IconProps>;

package/packages/vue/icons/PreviewOpenFill.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const PreviewOpenFill = defineComponent({
+  name: "PreviewOpenFill",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M512 213.333c114.73 0 225.472 52.054 328.917 137.814a916 916 0 0 1 95.958 92.309 761 761 0 0 1 29.952 35.2l6.037 7.83c11.307 15.146 11.307 35.903 0 51.029-5.035 6.741-13.141 16.896-24.107 29.546l-11.882 13.483a916 916 0 0 1-95.958 92.31C737.451 758.613 626.731 810.666 512 810.666s-225.472-52.054-328.939-137.814a916 916 0 0 1-95.936-92.309 759 759 0 0 1-29.93-35.2l-6.059-7.83a42.69 42.69 0 0 1 0-51.029 557 557 0 0 1 24.107-29.546l11.882-13.483a916 916 0 0 1 95.936-92.31c103.467-85.76 214.208-137.813 328.96-137.813zm0 149.334a149.333 149.333 0 1 0 0 298.666 149.333 149.333 0 0 0 0-298.666M512 448a64 64 0 1 1 0 128 64 64 0 0 1 0-128" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/PreviewStrickoutClose.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const PreviewStrickoutClose: DefineComponent<IconProps>;

package/packages/vue/icons/PreviewStrickoutClose.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const PreviewStrickoutClose = defineComponent({
+  name: "PreviewStrickoutClose",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "m936.832 874.667-60.33 60.33L588.223 646.72A148.8 148.8 0 0 1 512 667.733a149.333 149.333 0 0 1-128.405-225.6L87.168 145.664l60.33-60.33zM265.515 401.152a714 714 0 0 0-28.032 22.101 830.6 830.6 0 0 0-92.16 89.536l-4.886 5.547 4.907 5.632 5.248 5.867a831 831 0 0 0 86.933 83.69c89.558 74.24 183.04 118.187 274.475 118.187 33.024 0 66.56-5.803 100.459-16.96l26.666 81.067c-42.197 13.866-84.65 21.226-127.125 21.226-114.752 0-225.493-52.053-328.939-137.813a916 916 0 0 1-95.914-92.31 655 655 0 0 1-36.011-43.029 42.67 42.67 0 0 1 0-51.029c6.699-8.981 18.88-23.979 35.99-43.008a915 915 0 0 1 101.909-97.237 820 820 0 0 1 25.322-19.776zM512 219.712c114.73 0 225.45 52.053 328.917 137.813a916 916 0 0 1 95.936 92.31 656 656 0 0 1 36.011 43.029 42.67 42.67 0 0 1 0 51.03 655 655 0 0 1-35.99 43.007 915.5 915.5 0 0 1-95.893 92.288 804 804 0 0 1-26.154 20.8l-51.734-67.882a734 734 0 0 0 23.424-18.624 831 831 0 0 0 86.891-83.648 561 561 0 0 0 5.248-5.867l4.864-5.59-4.864-5.589-5.248-5.866a831.5 831.5 0 0 0-86.955-83.691C696.896 348.992 603.435 305.045 512 305.045c-30.933 0-62.315 5.078-94.08 14.891l-25.216-81.515c39.68-12.266 79.488-18.709 119.296-18.709m-63.04 287.744a64 64 0 0 0 73.963 73.963z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/PriceDistribution.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const PriceDistribution: DefineComponent<IconProps>;

package/packages/vue/icons/PriceDistribution.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const PriceDistribution = defineComponent({
+  name: "PriceDistribution",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M832 42.667a42.667 42.667 0 0 1 42.667 42.666v384h-85.334V128h-640v768H448v85.333H106.667A42.667 42.667 0 0 1 64 938.667V85.333a42.667 42.667 0 0 1 42.667-42.666zm-76.501 793.002 119.168-119.146 60.33 60.33-192 192a42.667 42.667 0 0 1-60.33 0l-192-192 60.33-60.373 119.168 119.147V512H755.5zm-414.166-46.336H192v-64h149.333zm85.334-192v64H192v-64zm-71.083-399.04c26.197 0 48.363 3.435 66.56 10.39l5.461 2.112v73.642l-13.333-9.066c-15.872-10.774-34.475-16.171-56.021-16.192-12.096 0-21.44 2.133-28.054 6.186-5.674 3.435-8.106 7.403-8.106 12.63 0 4.309 1.856 8.32 5.888 12.394 4.544 4.587 17.621 11.819 38.464 20.907 26.858 11.52 45.61 23.872 56.277 37.419 10.816 13.76 16.213 30.186 16.213 48.96 0 27.37-9.962 48.853-29.781 63.509-19.2 14.208-45.888 21.163-79.893 21.163-30.806 0-56.32-5.035-76.523-15.254l-4.693-2.346v-78.571l13.973 11.584c19.264 15.957 40.96 23.872 65.408 23.872 13.419 0 23.083-2.24 29.013-6.272 5.291-3.627 7.616-7.68 7.616-12.864 0-4.65-2.069-9.195-6.613-13.91-4.907-5.077-20.075-13.162-44.693-23.402-43.222-18.347-65.707-46.08-65.707-82.517 0-26.667 10.41-47.915 30.933-62.827 19.862-14.421 45.824-21.547 77.611-21.547m326.187 66.39h-73.664v213.184h-72.235V264.704h-73.493v-62.08H681.77v62.08zM429.589 386.069l-.064-.64-.128-.597zm-1.152-6.186c0-.064 0-.15-.042-.235l-.235-.875.277 1.131zm-3.413-10.518-.213-.64-.47-.96zm-2.73-5.76c.191.342.34.704.511 1.067a66 66 0 0 0-3.413-5.973z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/Printer.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const Printer: DefineComponent<IconProps>;

package/packages/vue/icons/Printer.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const Printer = defineComponent({
+  name: "Printer",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M789.333 85.333A42.667 42.667 0 0 1 832 128v170.667h64a42.667 42.667 0 0 1 42.667 42.666v384A42.667 42.667 0 0 1 896 768H789.333v128a42.667 42.667 0 0 1-42.666 42.667H277.333A42.667 42.667 0 0 1 234.667 896V768H128a42.667 42.667 0 0 1-42.667-42.667v-384A42.667 42.667 0 0 1 128 298.667h64V128a42.667 42.667 0 0 1 42.667-42.667zM320 853.333h384V640H320zM170.667 682.667h48.682v-85.334a42.667 42.667 0 0 1 39.467-42.538l3.2-.128h499.925a42.667 42.667 0 0 1 42.667 42.666l-.021 85.334h48.746V384H170.667zm106.666-384h469.334v-128H277.333z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/ProcessList.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const ProcessList: DefineComponent<IconProps>;

package/packages/vue/icons/ProcessList.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const ProcessList = defineComponent({
+  name: "ProcessList",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M853.333 42.667A42.667 42.667 0 0 1 896 85.333v853.334a42.667 42.667 0 0 1-42.667 42.666H170.667A42.667 42.667 0 0 1 128 938.667V85.333a42.667 42.667 0 0 1 42.667-42.666zM213.333 896h597.334V128H213.333zm149.334-160v85.333h-85.334V736zm192 85.333H405.333V736h149.334zM362.667 672h-85.334v-85.333h85.334zm384 0H405.333v-85.333h341.334zM341.333 170.667c23.68 0 44.288 12.885 55.36 32H560A90.667 90.667 0 0 1 560 384h-96a26.667 26.667 0 1 0 0 53.333h163.307a63.89 63.89 0 0 1 55.36-32 64 64 0 1 1-55.36 96H464A90.667 90.667 0 0 1 464 320h96a26.667 26.667 0 1 0 0-53.333H396.693a63.89 63.89 0 0 1-55.36 32 64 64 0 1 1 0-128" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});