@nstc-design/icons 0.0.1

package/dist/vue/icons/IconFileUnknownColor.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFileUnknownColor = defineComponent({
+  name: "IconFileUnknownColor",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "viewBox": "0 0 36 36", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("g", { "clip-path": "url(#file-unknown-color_svg__a)" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": originColor ? "#e5e6eb" : "currentColor" }), h("mask", { "height": "34", "id": "file-unknown-color_svg__b", "maskUnits": "userSpaceOnUse", "width": "32", "x": "2", "y": "1" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": "#fff" })]), h("g", { "mask": "url(#file-unknown-color_svg__b)" }, [h("g", { "filter": "url(#file-unknown-color_svg__c)" }, [h("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })]), h("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#f2f3f5" : "currentColor" })])]), h("defs", {  }, [h("clipPath", { "id": "file-unknown-color_svg__a" }, [h("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })]), h("filter", { "color-interpolation-filters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-unknown-color_svg__c", "width": "20.606", "x": "19.174", "y": "-5.76" }, [h("feFlood", { "flood-opacity": "0", "result": "BackgroundImageFix" }), h("feColorMatrix", { "in": "SourceAlpha", "result": "hardAlpha", "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), h("feOffset", { "dy": "-1.08" }), h("feGaussianBlur", { "stdDeviation": "3.24" }), h("feComposite", { "in2": "hardAlpha", "operator": "out" }), h("feColorMatrix", { "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" }), h("feBlend", { "in2": "BackgroundImageFix", "result": "effect1_dropShadow_1743_1070" }), h("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1070", "result": "shape" })])])]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconFileWordColor.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 IconFileWordColor: DefineComponent<IconProps>;

package/dist/vue/icons/IconFileWordColor.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFileWordColor = defineComponent({
+  name: "IconFileWordColor",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "viewBox": "0 0 36 36", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("g", { "clip-path": "url(#file-word-color_svg__a)" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": originColor ? "#007aff" : "currentColor" }), h("mask", { "height": "34", "id": "file-word-color_svg__b", "maskUnits": "userSpaceOnUse", "width": "32", "x": "2", "y": "1" }, [h("path", { "d": "M6.3 1.8h19.381L33.3 9.483V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": "#fff" })]), h("g", { "mask": "url(#file-word-color_svg__b)" }, [h("g", { "filter": "url(#file-word-color_svg__c)" }, [h("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })]), h("path", { "d": "M25.654 5.881V1.8L33.3 9.481h-4.046a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#2e9aff" : "currentColor" })]), h("path", { "d": "M13.591 22.274h3.074l.904-4.507c.153-.792.278-1.627.403-2.405h.07a30 30 0 0 0 .403 2.405l.932 4.506h3.129L24.3 11.927h-2.364l-.668 4.714c-.125 1.07-.264 2.17-.39 3.282h-.069c-.208-1.112-.39-2.225-.598-3.282l-1.084-4.714H17.04l-1.056 4.714a197 197 0 0 0-.613 3.282h-.055l-.417-3.282-.654-4.714H11.7z", "fill": originColor ? "#fff" : "currentColor" })]), h("defs", {  }, [h("clipPath", { "id": "file-word-color_svg__a" }, [h("path", { "d": "M0 0h36v36H0z", "fill": "#fff" })]), h("filter", { "color-interpolation-filters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-word-color_svg__c", "width": "20.606", "x": "19.174", "y": "-5.76" }, [h("feFlood", { "flood-opacity": "0", "result": "BackgroundImageFix" }), h("feColorMatrix", { "in": "SourceAlpha", "result": "hardAlpha", "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), h("feOffset", { "dy": "-1.08" }), h("feGaussianBlur", { "stdDeviation": "3.24" }), h("feColorMatrix", { "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" }), h("feBlend", { "in2": "BackgroundImageFix", "result": "effect1_dropShadow_1743_1075" }), h("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1075", "result": "shape" })])])]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconFileZipColor.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 IconFileZipColor: DefineComponent<IconProps>;

package/dist/vue/icons/IconFileZipColor.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconFileZipColor = defineComponent({
+  name: "IconFileZipColor",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "viewBox": "0 0 36 36", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "clip-rule": "evenodd", "d": "M6.3 1.8h19.368l7.615 7.683V30.6a3.6 3.6 0 0 1-3.6 3.6H6.3a3.6 3.6 0 0 1-3.6-3.6V5.4a3.6 3.6 0 0 1 3.6-3.6", "fill": originColor ? "#1252c2" : "currentColor", "fill-rule": "evenodd" }), h("g", { "filter": "url(#file-zip-color_svg__a)", "transform": "translate(0 -5.76)" }, [h("path", { "d": "M25.64 11.641V7.56l7.643 7.681H29.24a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#000" : "currentColor" })]), h("path", { "d": "M25.64 5.881V1.8l7.643 7.681H29.24a3.6 3.6 0 0 1-3.6-3.6", "fill": originColor ? "#629bfe" : "currentColor" }), h("path", { "clip-rule": "evenodd", "d": "M9.69 1.8h3.496v3.497H9.69zm3.496 3.497h3.495v3.497h-3.496zM9.69 8.794h3.496v3.497H9.69zm3.496 3.497h3.495v6.995h-3.496zM9.69 15.79h3.496v3.497H9.69zm0 3.497h3.496v3.497H9.69zm3.496 0h3.495v3.497h-3.496z", "fill": originColor ? "#fff" : "currentColor", "fill-rule": "evenodd" }), h("defs", {  }, [h("filter", { "color-interpolation-filters": "sRGB", "filterUnits": "userSpaceOnUse", "height": "20.641", "id": "file-zip-color_svg__a", "width": "20.602", "x": "19.161", "y": "0" }, [h("feFlood", { "flood-opacity": "0", "result": "BackgroundImageFix" }), h("feColorMatrix", { "in": "SourceAlpha", "result": "hardAlpha", "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), h("feOffset", { "dy": "-1.08" }), h("feGaussianBlur", { "stdDeviation": "3.24" }), h("feColorMatrix", { "values": "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }), h("feBlend", { "in2": "BackgroundImageFix", "result": "effect1_dropShadow_1743_1072" }), h("feBlend", { "in": "SourceGraphic", "in2": "effect1_dropShadow_1743_1072", "result": "shape" })])])]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconGoogleCircleFill.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 IconGoogleCircleFill: DefineComponent<IconProps>;

package/dist/vue/icons/IconGoogleCircleFill.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconGoogleCircleFill = defineComponent({
+  name: "IconGoogleCircleFill",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M32.571 33.526c-2.084 1.92-4.927 3.05-8.322 3.05a12.57 12.57 0 0 1-12.572-12.577A12.58 12.58 0 0 1 24.25 11.416a12.1 12.1 0 0 1 8.414 3.277L29.061 18.3a6.79 6.79 0 0 0-4.807-1.88c-3.277 0-6.045 2.213-7.037 5.186a7.6 7.6 0 0 0-.394 2.392c0 .833.144 1.638.394 2.391.992 2.973 3.763 5.187 7.032 5.187 1.696 0 3.133-.449 4.254-1.202a5.78 5.78 0 0 0 2.513-3.8h-6.767V21.71h11.844q.226 1.238.227 2.57c0 3.835-1.371 7.055-3.749 9.246M24 1A23 23 0 1 0 24 47 23 23 0 0 0 24 1", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" })]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconInfo.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 IconInfo: DefineComponent<IconProps>;

package/dist/vue/icons/IconInfo.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconInfo = defineComponent({
+  name: "IconInfo",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M25 39h-2V18h2z" }), h("path", { "d": "M25 39h-2V18h2z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" }), h("path", { "d": "M25 11h-2V9h2z" }), h("path", { "d": "M25 11h-2V9h2z", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" })]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconInfoCircle.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 IconInfoCircle: DefineComponent<IconProps>;

package/dist/vue/icons/IconInfoCircle.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconInfoCircle = defineComponent({
+  name: "IconInfoCircle",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M24 20v14m0-16v-4m18 10c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" })]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconLarkColor.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 IconLarkColor: DefineComponent<IconProps>;

package/dist/vue/icons/IconLarkColor.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconLarkColor = defineComponent({
+  name: "IconLarkColor",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "viewBox": "0 0 512 512", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "m273.46 264.31 1.01-1.01c.65-.65 1.36-1.36 2.06-2.01l1.41-1.36 4.17-4.12 5.73-5.58 4.88-4.83 4.57-4.52 4.78-4.73 4.37-4.32 6.13-6.03c1.16-1.16 2.36-2.26 3.57-3.37 2.21-2.01 4.52-3.97 6.84-5.88 2.16-1.71 4.37-3.37 6.64-4.98 3.17-2.26 6.43-4.32 9.75-6.33 3.27-1.91 6.64-3.72 10.05-5.43 3.22-1.56 6.54-3.02 9.9-4.32 1.86-.75 3.77-1.41 5.68-2.06.96-.3 1.91-.65 2.92-.96a241.2 241.2 0 0 0-45.6-91.5c-4.17-5.18-10.51-8.19-17.14-8.19H128.97c-1.81 0-3.32 1.46-3.32 3.32 0 1.06.5 2.01 1.36 2.66 60.13 44.09 110 100.75 146.04 166l.4-.45Z", "fill": originColor ? "#00d6b9" : "currentColor" }), h("path", { "d": "M203.43 419.4c90.99 0 170.27-50.22 211.6-124.43 1.46-2.61 2.87-5.23 4.22-7.89a96 96 0 0 1-6.94 11.41c-.9 1.26-1.81 2.51-2.77 3.77-1.21 1.56-2.41 3.02-3.67 4.47a98 98 0 0 1-3.07 3.37 86 86 0 0 1-6.64 6.28c-1.31 1.11-2.56 2.16-3.92 3.17a76 76 0 0 1-4.78 3.42c-1.01.7-2.06 1.36-3.12 2.01s-2.16 1.31-3.32 1.96a91 91 0 0 1-6.99 3.52c-2.06.9-4.17 1.76-6.28 2.56a83 83 0 0 1-7.04 2.26 87 87 0 0 1-10.81 2.31c-2.61.4-5.33.7-7.99.9-2.82.2-5.68.25-8.55.25-3.17-.05-6.33-.25-9.55-.6-2.36-.25-4.73-.6-7.09-1.01-2.06-.35-4.12-.8-6.18-1.31-1.11-.25-2.16-.55-3.27-.85-3.02-.8-6.03-1.66-9.05-2.51-1.51-.45-3.02-.85-4.47-1.31-2.26-.65-4.47-1.36-6.69-2.06-1.81-.55-3.62-1.16-5.43-1.76-1.71-.55-3.47-1.11-5.18-1.71l-3.52-1.21c-1.41-.5-2.87-1.01-4.27-1.51l-3.02-1.11c-2.01-.7-4.02-1.46-5.98-2.21-1.16-.45-2.31-.85-3.47-1.31-1.56-.6-3.07-1.21-4.63-1.81-1.61-.65-3.27-1.31-4.88-1.96l-3.17-1.31-3.92-1.61-3.02-1.26-3.12-1.36-2.71-1.21-2.46-1.11-2.51-1.16-2.56-1.21-3.27-1.51-3.42-1.61c-1.21-.6-2.41-1.16-3.62-1.76l-3.07-1.51A508.8 508.8 0 0 1 65.6 190.35c-1.26-1.31-3.32-1.41-4.68-.15-.65.6-1.06 1.51-1.06 2.41l.1 155.49v12.62c0 7.34 3.62 14.18 9.7 18.25 39.56 26.44 86.12 40.47 133.73 40.37", "fill": originColor ? "#133c9a" : "currentColor" }), h("path", { "d": "M470.83 200.21c-30.72-15.03-65.86-18.25-98.79-9-1.41.4-2.77.8-4.12 1.21-.96.3-1.91.6-2.92.96-1.91.65-3.82 1.36-5.68 2.06-3.37 1.31-6.64 2.77-9.9 4.32-3.42 1.66-6.79 3.47-10.05 5.38-3.37 1.96-6.59 4.07-9.75 6.33-2.26 1.61-4.47 3.27-6.64 4.98-2.36 1.91-4.63 3.82-6.84 5.88-1.21 1.11-2.36 2.21-3.57 3.37l-6.13 6.03-4.37 4.32-4.78 4.73-4.57 4.52-4.88 4.83-5.68 5.63-4.17 4.12-1.41 1.36c-.65.65-1.36 1.36-2.06 2.01l-1.01 1.01-1.56 1.46-1.76 1.61c-15.13 13.93-32.02 25.84-50.17 35.54l3.27 1.51 2.56 1.21 2.51 1.16 2.46 1.11 2.71 1.21 3.12 1.36 3.02 1.26 3.92 1.61 3.17 1.31c1.61.65 3.27 1.31 4.88 1.96 1.51.6 3.07 1.21 4.63 1.81 1.16.45 2.31.85 3.47 1.31 2.01.75 4.02 1.46 5.98 2.21l3.02 1.11c1.41.5 2.82 1.01 4.27 1.51l3.52 1.21c1.71.55 3.42 1.16 5.18 1.71 1.81.6 3.62 1.16 5.43 1.76 2.21.7 4.47 1.36 6.69 2.06 1.51.45 3.02.9 4.47 1.31 3.02.85 6.03 1.71 9.05 2.51 1.11.3 2.16.55 3.27.85 2.06.5 4.12.9 6.18 1.31 2.36.4 4.73.75 7.09 1.01 3.22.35 6.38.55 9.55.6 2.87.05 5.73-.05 8.55-.25 2.71-.2 5.38-.5 7.99-.9 3.62-.55 7.24-1.36 10.81-2.31 2.36-.65 4.73-1.41 7.04-2.26a75 75 0 0 0 6.28-2.56 91 91 0 0 0 6.99-3.52c1.11-.6 2.21-1.26 3.32-1.96 1.11-.65 2.11-1.36 3.12-2.01 1.61-1.11 3.22-2.21 4.78-3.42 1.36-1.01 2.66-2.06 3.92-3.17 2.26-1.96 4.47-4.07 6.59-6.28 1.06-1.11 2.06-2.21 3.07-3.37 1.26-1.46 2.51-2.97 3.67-4.47a73 73 0 0 0 2.77-3.77c2.51-3.62 4.83-7.39 6.89-11.31l2.36-4.68 21.01-41.88.25-.5c6.94-14.98 16.39-28.45 28-39.97Z", "fill": originColor ? "#3370ff" : "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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconMinus.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 IconMinus: DefineComponent<IconProps>;

package/dist/vue/icons/IconMinus.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconMinus = defineComponent({
+  name: "IconMinus",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M5 24h38" })]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconMinusCircle.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 IconMinusCircle: DefineComponent<IconProps>;

package/dist/vue/icons/IconMinusCircle.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconMinusCircle = defineComponent({
+  name: "IconMinusCircle",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M32 24H16m26 0c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" })]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconPlus.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 IconPlus: DefineComponent<IconProps>;

package/dist/vue/icons/IconPlus.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconPlus = defineComponent({
+  name: "IconPlus",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M5 24h38M24 5v38" })]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconPlusCircle.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 IconPlusCircle: DefineComponent<IconProps>;

package/dist/vue/icons/IconPlusCircle.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconPlusCircle = defineComponent({
+  name: "IconPlusCircle",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M32 24h-8m-8 0h8m0 0v8m0-8v-8m18 8c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" })]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconQqCircleFill.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 IconQqCircleFill: DefineComponent<IconProps>;

package/dist/vue/icons/IconQqCircleFill.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconQqCircleFill = defineComponent({
+  name: "IconQqCircleFill",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M24.007 1C11.281 1 1 11.281 1 24.007c0 13.23 11.216 23.87 24.733 22.936 11.288-.791 20.49-9.994 21.21-21.354C47.877 12.144 37.237 1 24.007 1m11.36 29.263s-.79 2.228-2.3 4.241c0 0 2.66.935 2.444 3.236 0 0 .072 2.66-5.68 2.444 0 0-4.026-.287-5.248-2.013h-1.079c-1.222 1.726-5.248 2.013-5.248 2.013-5.752.216-5.68-2.444-5.68-2.444-.216-2.373 2.444-3.236 2.444-3.236-1.51-2.013-2.3-4.241-2.3-4.241-3.596 5.895-3.236-.791-3.236-.791.647-3.955 3.523-6.543 3.523-6.543-.431-3.595 1.078-4.242 1.078-4.242.216-11.072 9.707-10.929 9.922-10.929.216 0 9.707-.215 9.994 10.929 0 0 1.51.647 1.079 4.242 0 0 2.876 2.588 3.523 6.543 0 0 .36 6.686-3.236.79", "fill": originColor ? "currentColor" : "currentColor", "stroke": "none" })]);
+      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,
+      }, [svg]);
+    };
+  },
+});

package/dist/vue/icons/IconQuestion.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 IconQuestion: DefineComponent<IconProps>;

package/dist/vue/icons/IconQuestion.js

@@ -0,0 +1,35 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconQuestion = defineComponent({
+  name: "IconQuestion",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: "1em" },
+    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 svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "stroke-width": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [{ color: props.color }, attrs.style];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toSize(props.size), height: toSize(props.size), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(props.size), height: toSize(props.size), style }, [h("path", { "d": "M13 17c0-5.523 4.925-10 11-10s11 4.477 11 10c0 3.607-2.1 6.767-5.25 8.526C26.857 27.143 24 29.687 24 33v3m0 5h.02v.02H24z" })]);
+      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,
+      }, [svg]);
+    };
+  },
+});