@nstc-design/icons 0.0.2 → 0.0.4

package/packages/vue/icons/KLeftHorizontal.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 KLeftHorizontal = defineComponent({
+  name: "KLeftHorizontal",
+  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": "M149.333 405.333A106.73 106.73 0 0 1 251.115 480h730.218v85.333H241.707a106.667 106.667 0 1 1-92.374-160" })]);
+      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/KNumberHorizontal.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 KNumberHorizontal: DefineComponent<IconProps>;

package/packages/vue/icons/KNumberHorizontal.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 KNumberHorizontal = defineComponent({
+  name: "KNumberHorizontal",
+  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": "M314.752 522.667h46.827V277.333h-37.995c-5.333 14.891-15.168 27.926-29.504 39.083s-27.605 18.752-39.83 22.741v42.518a161.5 161.5 0 0 0 60.502-35.499zM149.333 757.333A106.62 106.62 0 0 0 241.728 704h739.605v-85.333H251.115a106.71 106.71 0 0 0-208.448 32 106.667 106.667 0 0 0 106.666 106.666M589.76 479.147v43.52H425.579c1.792-16.427 7.125-32.022 16-46.742 8.896-14.72 26.453-34.261 52.672-58.602 21.12-19.648 34.048-32.982 38.826-40 6.443-9.664 9.664-19.2 9.664-28.651 0-10.453-2.794-18.475-8.405-24.107-5.61-5.589-13.355-8.405-23.253-8.405-9.771 0-17.558 2.944-23.339 8.832-5.76 5.888-9.11 15.68-9.984 29.333l-46.677-4.65c2.773-25.792 11.52-44.288 26.176-55.51 14.656-11.221 32.981-16.832 54.997-16.832 24.107 0 43.05 6.507 56.832 19.499 13.781 13.013 20.672 29.163 20.672 48.512 0 10.987-1.984 21.461-5.93 31.403-3.947 9.941-10.198 20.373-18.753 31.253-5.653 7.21-15.872 17.621-30.656 31.147-14.784 13.568-24.149 22.57-28.096 27.029a80.7 80.7 0 0 0-9.578 12.992h93.013zm75.307-26.816-45.312 5.504c2.346 20.544 10.773 37.184 25.322 49.92 14.571 12.714 32.896 19.072 54.998 19.072 23.338 0 42.837-7.552 58.517-22.656 15.659-15.126 23.488-33.387 23.488-54.827 0-14.784-4.181-27.392-12.587-37.845-8.384-10.454-19.584-17.174-33.578-20.16 23.466-12.8 35.157-29.888 35.157-51.35 0-15.104-5.717-28.65-17.152-40.661-13.888-14.656-32.341-21.995-55.339-21.995-13.44 0-25.6 2.518-36.416 7.574-10.837 5.056-19.285 12.01-25.322 20.842-6.059 8.832-10.603 20.63-13.59 35.414l43.158 7.338c1.237-10.666 4.672-18.773 10.346-24.32 5.654-5.568 12.502-8.341 20.48-8.341 8.107 0 14.614 2.432 19.52 7.317 4.886 4.907 7.318 11.456 7.318 19.67 0 9.664-3.328 17.429-9.984 23.253-6.678 5.845-16.342 8.576-29.014 8.256l-5.162 38.165c8.32-2.346 15.509-3.498 21.504-3.498 9.109 0 16.832 3.434 23.168 10.325s9.493 16.213 9.493 28.01c0 12.438-3.307 22.337-9.92 29.654-6.613 7.339-14.741 11.008-24.405 11.008-9.003 0-16.683-3.05-22.998-9.173-6.336-6.102-10.24-14.934-11.669-26.496z" })]);
+      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/KParallelEndDiagonal.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 KParallelEndDiagonal: DefineComponent<IconProps>;

package/packages/vue/icons/KParallelEndDiagonal.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 KParallelEndDiagonal = defineComponent({
+  name: "KParallelEndDiagonal",
+  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 489.536 782.72 645.483A105.877 105.877 0 0 1 645.483 782.72L489.536 938.667l-59.861-59.883L585.62 722.837A105.877 105.877 0 0 1 722.837 585.6l155.947-155.947 59.883 59.904zm-194.624-344.32-66.134 66.133a105.856 105.856 0 0 1-137.237 137.174l-192.128 192.17A105.856 105.856 0 0 1 211.328 677.91l-66.133 66.134-59.862-59.883 66.112-66.133A105.899 105.899 0 0 1 288.661 480.81l192.15-192.15a105.856 105.856 0 0 1 137.216-137.194l66.133-66.134z" })]);
+      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/KParallelStartDiagonal.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 KParallelStartDiagonal: DefineComponent<IconProps>;

package/packages/vue/icons/KParallelStartDiagonal.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 KParallelStartDiagonal = defineComponent({
+  name: "KParallelStartDiagonal",
+  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 549.44 549.419 938.667l-59.883-59.883 389.248-389.248zm-89.814-299.413-66.133 66.09a105.877 105.877 0 0 1-137.237 137.216l-192.128 192.15A105.877 105.877 0 0 1 316.117 782.72l-66.09 66.133-59.904-59.904 66.133-66.133A105.856 105.856 0 0 1 393.451 585.6L585.6 393.45a105.877 105.877 0 0 1 137.216-137.194l66.133-66.133 59.883 59.904zm-314.41-104.79L408.405 271.232a105.856 105.856 0 0 1-137.194 137.195L145.195 534.464l-59.862-59.883 125.995-126.016a105.877 105.877 0 0 1 137.237-137.237L474.581 85.333l59.883 59.904z" })]);
+      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/KStartDiagonal.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 KStartDiagonal: DefineComponent<IconProps>;

package/packages/vue/icons/KStartDiagonal.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 KStartDiagonal = defineComponent({
+  name: "KStartDiagonal",
+  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": "M192.533 938.667A107.2 107.2 0 1 1 231.68 731.69L878.016 85.333l60.65 60.651L292.332 792.32a107.22 107.22 0 0 1-99.798 146.347" })]);
+      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/KTopVertical.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 KTopVertical: DefineComponent<IconProps>;

package/packages/vue/icons/KTopVertical.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 KTopVertical = defineComponent({
+  name: "KTopVertical",
+  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.667a106.667 106.667 0 0 1 42.667 204.437v734.23h-85.334v-734.23A106.667 106.667 0 0 1 512 42.667" })]);
+      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/Keshang.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 Keshang: DefineComponent<IconProps>;

package/packages/vue/icons/Keshang.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 Keshang = defineComponent({
+  name: "Keshang",
+  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": "M512 85.35a214.067 214.067 0 1 1 0 428.135 214.067 214.067 0 0 1 0-428.135", "fill": originColor ? "#007aff" : "currentColor" }), h("path", { "d": "M622.95 577.946c128 0 158.516 2.508 199.27 23.244 40.142 20.48 72.705 53.146 93.185 93.236C936.14 735.18 938.65 742.349 938.65 870.4V896c0 23.552-19.098 42.65-42.65 42.65H128A42.7 42.7 0 0 1 85.3 896v-25.6c0-128.051 2.56-135.168 23.295-175.974a213.35 213.35 0 0 1 93.184-93.184c40.755-20.788 71.22-23.296 199.27-23.296h61.44l-.767 1.126c1.126 17.203 19.097 44.902 29.44 51.814-8.653 18.432-39.988 96.82-54.63 133.735L512 837.222l75.52-72.601c-14.643-36.915-46.08-115.303-54.682-133.735 10.343-6.86 28.314-34.56 29.492-51.712l-.768-1.228z", "fill": originColor ? "#5db6ff" : "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/Keshangzhanghao.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 Keshangzhanghao: DefineComponent<IconProps>;

package/packages/vue/icons/Keshangzhanghao.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 Keshangzhanghao = defineComponent({
+  name: "Keshangzhanghao",
+  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": "M512 85.35a214.067 214.067 0 1 1 0 428.135 214.067 214.067 0 0 1 0-428.135", "fill": originColor ? "#007aff" : "currentColor" }), h("path", { "d": "M622.95 577.946c128 0 158.516 2.508 199.27 23.244 40.142 20.48 72.705 53.146 93.185 93.236C936.14 735.18 938.65 742.349 938.65 870.4V896c0 23.552-19.098 42.65-42.65 42.65H128A42.7 42.7 0 0 1 85.3 896v-25.6c0-128.051 2.56-135.168 23.295-175.974a213.35 213.35 0 0 1 93.184-93.184c40.755-20.788 71.22-23.296 199.27-23.296h61.44l-.767 1.126c1.126 17.203 19.097 44.902 29.44 51.814-8.653 18.432-39.988 96.82-54.63 133.735L512 837.222l75.52-72.601c-14.643-36.915-46.08-115.303-54.682-133.735 10.343-6.86 28.314-34.56 29.492-51.712l-.768-1.228z", "fill": originColor ? "#5db6ff" : "currentColor" }), h("path", { "d": "M930.97 161.331c23.09 0 41.881 17.92 41.881 39.885v420.966h-78.694a238.7 238.7 0 0 0-60.314-43.776c-41.472-21.145-75.059-25.241-168.243-25.958v-69.12a239.1 239.1 0 0 0 86.118-183.91 238.5 238.5 0 0 0-43.827-138.087zM785.1 488.09h153.55v-61.44H785.1zm29.594-131.175H938.65v-61.44H814.746v61.44z", "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/Key.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 Key: DefineComponent<IconProps>;

package/packages/vue/icons/Key.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 Key = defineComponent({
+  name: "Key",
+  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": "M536.043 476.032c99.861-70.613 238.72-60.95 327.808 28.16 98.538 98.539 99.904 257.856 3.114 358.101a255.6 255.6 0 0 1-247.68 67.819 255.47 255.47 0 0 1-181.333-181.333l-1.77-7.04a255.49 255.49 0 0 1 39.85-205.675l-93.483-93.504-87.36 86.933a42.453 42.453 0 0 1-59.861 0l-134.4-133.674a42.453 42.453 0 0 1 0-60.203l87.573-87.104L85.333 145.344l60.011-60.01zm267.797 88.17a170.54 170.54 0 0 0-239.083-2.047l-.554.469-3.2 3.243a170.603 170.603 0 0 0 80.042 282.197 170.56 170.56 0 0 0 165.184-45.056c64.32-66.624 63.382-173.013-2.389-238.805m-612.8-198.485 74.24 73.814 55.019-54.72-74.24-73.814z" })]);
+      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/KnockInOut.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 KnockInOut: DefineComponent<IconProps>;

package/packages/vue/icons/KnockInOut.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 KnockInOut = defineComponent({
+  name: "KnockInOut",
+  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": "m639.232 768.021-52.053 52.032h304v64h-304l52.053 52.032-45.248 45.248-106.752-106.666a32.02 32.02 0 0 1 0-45.27l106.752-106.666L639.211 768zM853.333 42.667A42.667 42.667 0 0 1 896 85.333v341.334h-85.333V128h-640v768h256v85.333H128a42.667 42.667 0 0 1-42.667-42.666V85.333A42.667 42.667 0 0 1 128 42.667zm75.883 582.186a32 32 0 0 1 0 45.27L822.464 776.789l-45.227-45.269 52.054-52.01H525.184v-64h304.085l-52.053-52.054 45.227-45.27 106.752 106.667zM512 405.333v85.334H234.667v-85.334zM746.667 320h-512v-85.333h512z" })]);
+      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/Kuanxiangleibie.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 Kuanxiangleibie: DefineComponent<IconProps>;

package/packages/vue/icons/Kuanxiangleibie.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 Kuanxiangleibie = defineComponent({
+  name: "Kuanxiangleibie",
+  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": "M298.65 158.464v85.35h-71.68V608h-85.3V201.165c0-23.552 19.098-42.701 42.65-42.701z", "fill": originColor ? "#8bcfff" : "currentColor" }), h("path", { "d": "M810.65 85.35c23.552 0 42.7 25.088 42.7 56.116v575.436H256V141.414c0-30.976 19.098-56.064 42.65-56.064zm-448 278.426v85.3h182.784v-85.3zm0-171.776v85.35h294.758V192z", "fill": originColor ? "#5db6ff" : "currentColor" }), h("path", { "d": "M401.715 597.35c14.643 0 28.314 7.527 36.096 19.968 17.408 27.75 44.903 44.032 74.24 44.032 29.287 0 56.73-16.281 74.138-44.032a42.65 42.65 0 0 1 36.147-19.968H896c23.552 0 42.65 19.098 42.65 42.65v256c0 23.552-19.098 42.65-42.65 42.65H128A42.65 42.65 0 0 1 85.35 896V640c0-23.552 19.098-42.65 42.65-42.65z", "fill": originColor ? "#007aff" : "currentColor" }), h("path", { "d": "M357.376 819.2h309.248v-78.387H357.376z", "fill": originColor ? "#e8f7ff" : "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/L.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 L: DefineComponent<IconProps>;

package/packages/vue/icons/L.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 L = defineComponent({
+  name: "L",
+  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 512S771.2 981.333 512 981.333 42.667 771.2 42.667 512 252.8 42.667 512 42.667M512 128c-212.053 0-384 171.925-384 384s171.925 384 384 384 384-171.925 384-384-171.925-384-384-384m-13.013 151.467-.022 344.256h154.667l2.155 2.133v73.13l-2.134 2.134H407.467l-2.134-2.133v-419.52l2.134-2.134h89.386z" })]);
+      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/Laptop.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 Laptop: DefineComponent<IconProps>;