@nstc-design/icons 0.1.0 → 0.1.1

package/packages/vue/icons/FutureManaged.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 FutureManaged = defineComponent({
+  name: "FutureManaged",
+  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.71 512.043c129.6 0 234.666 105.066 234.666 234.666S876.309 981.376 746.709 981.376 512.043 876.309 512.043 746.709s105.066-234.666 234.666-234.666m-277.377 341.29v85.334H42.667v-85.334zm277.376-277.29a170.667 170.667 0 1 0 0 341.333 170.667 170.667 0 0 0 0-341.333m32 171.648 56.96 56.938-45.248 45.27-66.325-66.304a32.04 32.04 0 0 1-9.387-22.614L714.667 640l64-.043.064 107.712zM170.667 768H85.333V554.667h85.334zm255.808 0H341.14V384h85.334zM682.26 469.333h-85.333v-256h85.333zm255.83 0h-85.334V42.667h85.334z" })]);
+      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/Futures.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 Futures: DefineComponent<IconProps>;

package/packages/vue/icons/Futures.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 Futures = defineComponent({
+  name: "Futures",
+  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 42.667C771.2 42.667 981.333 252.8 981.333 512c0 32.213-3.264 64.043-9.664 95.125l-83.562-17.216C893.333 564.48 896 538.411 896 512c0-212.053-171.947-384-384-384-212.075 0-384 171.925-384 384s171.925 384 384 384c24.896 0 49.493-2.368 73.557-7.04a380.9 380.9 0 0 0 89.024-28.97l36.182 77.29a466.4 466.4 0 0 1-108.971 35.456A472 472 0 0 1 512 981.333C252.8 981.333 42.667 771.2 42.667 512S252.8 42.667 512 42.667M885.333 640v32H960v64h-74.667v42.667a85.333 85.333 0 0 1 85.227 81.066l.107 4.267a85.333 85.333 0 0 1-85.334 85.333v32h-64v-32h-74.666v-64h74.666v-42.666h-9.088v-.47A85.333 85.333 0 0 1 821.333 672v-32zm0 202.667v42.666a21.333 21.333 0 1 0 0-42.666m-64-106.667a21.333 21.333 0 1 0 0 42.667zM389.867 297.43v38.058h70.144v-38.059h57.28v38.059h26.133v54.08h-26.133v195.243h26.133v54.08h-69.205a1062 1062 0 0 1 50.624 53.397c21.866-30.08 32.789-86.848 32.789-170.261v-210.39h172.8v376.32c0 15.574-3.627 27.52-10.901 35.84-7.254 8.32-17.579 13.142-30.934 14.443-13.376 1.28-33.962 1.941-61.76 1.941a859 859 0 0 0-13.76-60.949c16.811 1.216 30.102 1.835 39.894 1.835 13.738 0 20.608-7.04 20.608-21.099v-58.667h-61.867c-3.05 56.534-17.707 105.131-44.01 145.771a603 603 0 0 0-44.225-30.72l-33.237 25.216a1279 1279 0 0 0-60.032-71.51l41.707-31.146H371.093l41.238 31.147a899 899 0 0 1-68.758 76.544 889 889 0 0 0-43.093-38.955 453 453 0 0 0 61.44-68.757h-63.253v-54.08h35.285V389.568H304.64v-54.08h29.333v-38.059h55.915zm70.144 253.46h-70.144v33.92h70.144zm213.568-63.253h-59.115l-.235 59.136h59.35zm-213.59-17.408h-70.122v31.147h70.144v-31.147zm213.59-99.925h-59.115v62.805h59.115zm-213.59 19.264h-70.122v31.147h70.144v-31.147z" })]);
+      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/Fx.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 Fx: DefineComponent<IconProps>;

package/packages/vue/icons/Fx.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 Fx = defineComponent({
+  name: "Fx",
+  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": "M896 85.333A42.667 42.667 0 0 1 938.667 128v768A42.667 42.667 0 0 1 896 938.667H128A42.667 42.667 0 0 1 85.333 896V128A42.667 42.667 0 0 1 128 85.333zm-725.333 768h682.666V170.667H170.667zm94.506-414.826h38.998v-20.011c0-22.336 2.368-38.997 7.125-50.005q7.104-16.48 26.24-26.88 19.135-10.368 48.384-10.368c19.99 0 39.573 3.008 58.752 9.002l-9.515 49.003a138.8 138.8 0 0 0-32.234-3.99c-10.176 0-17.472 2.347-21.888 7.126-4.416 4.736-6.614 13.867-6.614 27.37v18.753h52.48v55.253h-52.48V704h-70.25V493.76h-38.998zm309.76 128.746L479.211 704h82.24l54.506-82.24L669.952 704h86.25l-98.24-139.733 89.985-125.76H665.45l-49.494 73.002-46.997-73.002H483.2l91.755 128.746z" })]);
+      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/Gift.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 Gift: DefineComponent<IconProps>;

package/packages/vue/icons/Gift.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 Gift = defineComponent({
+  name: "Gift",
+  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": "m693.013 145.664-85.632 85.653h309.952A42.667 42.667 0 0 1 960 273.984v170.667a42.667 42.667 0 0 1-42.667 42.666H896v426.667a42.667 42.667 0 0 1-42.667 42.667H170.667A42.667 42.667 0 0 1 128 913.984V487.317h-21.333A42.667 42.667 0 0 1 64 444.651V273.984a42.667 42.667 0 0 1 42.667-42.667H416.64l-85.653-85.653 60.33-60.33L512 206.015 632.683 85.333zm-479.68 725.653h256v-384h-256zm341.334 0h256v-384h-256zM149.333 401.984h725.334v-85.333H149.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/GoBack.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 GoBack: DefineComponent<IconProps>;

package/packages/vue/icons/GoBack.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 GoBack = defineComponent({
+  name: "GoBack",
+  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": "M350.165 188.33 188.373 350.166h520.96c150.23 0 272 121.771 272 272s-121.77 272-272 272H319.851v-85.333h389.482a186.667 186.667 0 1 0 0-373.333h-520.96l161.771 161.834-60.33 60.331L55.146 422.997a42.667 42.667 0 0 1 0-60.33L289.813 128l60.331 60.33z" })]);
+      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/GoOn.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 GoOn: DefineComponent<IconProps>;

package/packages/vue/icons/GoOn.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 GoOn = defineComponent({
+  name: "GoOn",
+  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": "M968.832 362.667a42.667 42.667 0 0 1 0 60.33L734.165 657.664l-60.33-60.33 161.813-161.835H314.667a186.667 186.667 0 0 0 0 373.333h389.482v85.333H314.667c-150.23 0-272-121.77-272-272s121.77-272 272-272h520.96L673.835 188.331 734.165 128z" })]);
+      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/GoOut.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 GoOut: DefineComponent<IconProps>;

package/packages/vue/icons/GoOut.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 GoOut = defineComponent({
+  name: "GoOut",
+  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": "M894.677 42.667c2.838-.086 5.632.149 8.363.618.619.107 1.216.192 1.813.32.662.128 1.302.32 1.963.491a42 42 0 0 1 4.437 1.43c1.067.383 2.07.853 3.072 1.322l1.067.49a42.7 42.7 0 0 1 8 5.313c.277.213.533.49.79.725a42.7 42.7 0 0 1 6.975 7.808l.811 1.28c4.181 6.528 6.699 14.293 6.699 22.87v768c0 1.365-.107 2.709-.214 4.053l-.149 1.109a43 43 0 0 1-.427 2.73c-.085.513-.213 1.003-.32 1.515-.17.768-.341 1.494-.554 2.262l-.427 1.472c-.32.938-.661 1.856-1.045 2.773l-.299.81a43 43 0 0 1-1.621 3.414l-.619 1.024c-.427.747-.853 1.493-1.344 2.219l-.853 1.216a44 44 0 0 1-4.139 5.013l-.725.747a42 42 0 0 1-4.054 3.498c-.576.427-1.13.875-1.706 1.28-.598.427-1.216.768-1.814 1.152a42 42 0 0 1-5.034 2.646 44 44 0 0 1-5.291 1.962c-.107.022-.213.086-.299.128l-298.666 85.334a42.667 42.667 0 0 1-54.4-41.024V896H341.333a42.667 42.667 0 0 1-42.666-42.667v-128H384v85.334h170.667v-256H444.373l55.126 55.168-60.331 60.33-128-128a42.667 42.667 0 0 1 0-60.33l127.979-128 60.373 60.33-55.21 55.168h110.357v-256a42.67 42.67 0 0 1 25.856-39.21L688.149 128H384v170.667h-85.333V85.333a42.667 42.667 0 0 1 42.666-42.666zM640 241.45v640.64l213.333-60.971V150.016z" })]);
+      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/Gongzuori.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 Gongzuori: DefineComponent<IconProps>;

package/packages/vue/icons/Gongzuori.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 Gongzuori = defineComponent({
+  name: "Gongzuori",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    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": "M416.46 187.29h190.977v-57.344h76.441v57.344h210.125c21.095 0 38.195 17.1 38.195 38.195v630.323a38.246 38.246 0 0 1-38.195 38.246H129.946a38.195 38.195 0 0 1-38.196-38.246V225.485c0-21.095 17.101-38.195 38.196-38.195H340.07v-57.344h76.39zm9.729 375.705L333.824 666.47l-43.06-43.11-26.93-27.085-54.119 54.016 26.931 27.034 71.68 71.782c15.514 15.514 40.91 14.848 55.552-1.536l119.296-133.734 25.498-28.519-56.986-50.841-25.446 28.518zM175.82 435.61h672.358V265.472H683.827v82.432h-76.39v-82.432H416.46v82.432h-76.39v-82.432H175.82z", "fill": originColor ? "#007aff" : "currentColor" }), h("path", { "d": "M798.515 521.574v76.39H569.293v-76.39zm0 152.781v76.39H492.851v-76.39z", "fill": originColor ? "#8bcfff" : "currentColor" })]);
+      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/Good.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 Good: DefineComponent<IconProps>;

package/packages/vue/icons/Good.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 Good = defineComponent({
+  name: "Good",
+  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": "M490.667 85.333c81.6 0 147.733 66.134 147.733 147.734l-.17 7.296a147.8 147.8 0 0 1-8.491 42.602L593.472 384H896a42.667 42.667 0 0 1 41.984 50.283l-85.333 469.333a42.67 42.67 0 0 1-41.984 35.05H128A42.667 42.667 0 0 1 85.333 896V426.667A42.667 42.667 0 0 1 128 384h95.232a128.02 128.02 0 0 0 111.659-65.387l118.57-211.498a42.67 42.67 0 0 1 37.206-21.782m-224 379.52c-14.123 2.923-28.672 4.48-43.435 4.48h-52.565v384h96zM409.3 360.32l-3.413 5.888a213.16 213.16 0 0 1-75.221 74.07v413.055H775.06l69.782-384h-312a42.667 42.667 0 0 1-40.171-57.088l56.725-158.08a62.5 62.5 0 0 0 3.67-21.12l-.107-3.648a62.44 62.44 0 0 0-37.995-53.845l-1.706-.619z" })]);
+      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/Grid.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 Grid: DefineComponent<IconProps>;

package/packages/vue/icons/Grid.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 Grid = defineComponent({
+  name: "Grid",
+  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 128a42.667 42.667 0 0 1 42.666 42.667v682.666A42.667 42.667 0 0 1 938.667 896H85.333a42.667 42.667 0 0 1-42.666-42.667V170.667A42.667 42.667 0 0 1 85.333 128zM128 810.667h768V448H128zm170.667-64h-85.334V533.333h85.334zm170.666 0H384V533.333h85.333zm170.667 0h-85.333V533.333H640zm170.667 0h-85.334V533.333h85.334zM128 362.667h768V213.333H128zM234.667 256a42.667 42.667 0 1 1 0 85.333 42.667 42.667 0 0 1 0-85.333" })]);
+      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/Group.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 Group: DefineComponent<IconProps>;

package/packages/vue/icons/Group.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 Group = defineComponent({
+  name: "Group",
+  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": "M426.667 533.333c211.477 0 384 161.75 384 362.667A42.667 42.667 0 0 1 768 938.667H85.333A42.667 42.667 0 0 1 42.667 896c0-200.917 172.522-362.667 384-362.667m311.082 13.334c143.019 40 243.584 163.733 243.584 306.666v22.016H896v-22.016c0-103.466-74.027-194.517-181.227-224.512l22.976-82.176zm-311.082 72c-149.44 0-272.47 101.717-294.976 233.728l-.171.938h590.272l-.15-.938C699.478 722.41 579.863 621.78 433.537 618.73zm-179.52-400.598C285.76 113.067 402.197 59.2 507.22 97.792a202.624 202.624 0 1 1-139.797 380.373A202.624 202.624 0 0 1 247.147 218.07m418.773-97.706a181.29 181.29 0 0 1-32.704 361.109l7.701-84.97a96 96 0 0 0 17.323-191.147zM477.803 177.92a117.312 117.312 0 1 0-80.875 220.224 117.312 117.312 0 0 0 80.853-220.224z" })]);
+      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/GroupAdd.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 GroupAdd: DefineComponent<IconProps>;

package/packages/vue/icons/GroupAdd.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 GroupAdd = defineComponent({
+  name: "GroupAdd",
+  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 170.667A42.667 42.667 0 0 1 896 213.333v384h-85.333V256h-512v640h256v85.333H256a42.667 42.667 0 0 1-42.667-42.666V213.333A42.667 42.667 0 0 1 256 170.667zM810.667 768h128v85.333h-128v128h-85.334v-128h-128V768h128V640h85.334zM768 128H170.667v682.667H85.333V85.333A42.667 42.667 0 0 1 128 42.667h640zM660.48 365.91l-59.797 49.834H640v64h-96v34.581h96v64h-96v83.008h-64v-82.986h-96v-64h96v-34.603h-96v-64h39.317l-59.797-49.835 40.96-49.152 106.304 88.576h2.432l106.304-88.576z" })]);
+      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/GroupCollapse.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 GroupCollapse: DefineComponent<IconProps>;