@nstc-design/icons 0.1.0 → 0.1.1

package/packages/vue/icons/BorderTop.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 BorderTop = defineComponent({
+  name: "BorderTop",
+  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": "M170.667 938.667H128A42.667 42.667 0 0 1 85.333 896v-42.667h85.334zm128 0h-85.334v-85.334h85.334zm128 0h-85.334v-85.334h85.334zm128 0h-85.334v-85.334h85.334zm128 0h-85.334v-85.334h85.334zm128 0h-85.334v-85.334h85.334zm128-42.667A42.667 42.667 0 0 1 896 938.667h-42.667v-85.334h85.334zm-768-85.333H85.333v-85.334h85.334zm768 0h-85.334v-85.334h85.334zm-768-128H85.333v-85.334h85.334zm768 0h-85.334v-85.334h85.334zm-768-128H85.333v-85.334h85.334zm768 0h-85.334v-85.334h85.334zm-768-128H85.333v-85.334h85.334zm768 0h-85.334v-85.334h85.334zm-768-128H85.333v-85.334h85.334zm768 0h-85.334v-85.334h85.334zm0-213.334v85.334H85.333V85.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/BorderVerticle.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 BorderVerticle: DefineComponent<IconProps>;

package/packages/vue/icons/BorderVerticle.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 BorderVerticle = defineComponent({
+  name: "BorderVerticle",
+  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": "M170.667 938.667H128A42.667 42.667 0 0 1 85.333 896v-42.667h85.334zm128 0h-85.334v-85.334h85.334zm128 0h-85.334v-85.334h85.334zm128 0h-85.334v-85.334h85.334zm128 0h-85.334v-85.334h85.334zm128 0h-85.334v-85.334h85.334zm128-42.667A42.667 42.667 0 0 1 896 938.667h-42.667v-85.334h85.334zm-768-85.333H85.333v-85.334h85.334zm384 0h-85.334v-85.334h85.334zm384 0h-85.334v-85.334h85.334zm-768-128H85.333v-85.334h85.334zm384 0h-85.334v-85.334h85.334zm384 0h-85.334v-85.334h85.334zm0-213.334v85.334H85.333v-85.334zm-768-42.666H85.333v-85.334h85.334zm384 0h-85.334v-85.334h85.334zm384 0h-85.334v-85.334h85.334zm-768-128H85.333v-85.334h85.334zm384 0h-85.334v-85.334h85.334zm384 0h-85.334v-85.334h85.334zm-768-128H85.333V128A42.667 42.667 0 0 1 128 85.333h42.667zm128 0h-85.334V85.333h85.334zm128 0h-85.334V85.333h85.334zm128 0h-85.334V85.333h85.334zm128 0h-85.334V85.333h85.334zm128 0h-85.334V85.333h85.334zM896 85.333A42.667 42.667 0 0 1 938.667 128v42.667h-85.334V85.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/Borrow.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 Borrow: DefineComponent<IconProps>;

package/packages/vue/icons/Borrow.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 Borrow = defineComponent({
+  name: "Borrow",
+  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": "M673.13 637.867c0-57.11 69.12-85.611 109.398-45.12l137.536 138.41a64 64 0 0 1 1.195 89.003L783.7 966.187l-2.56 2.581c-40.149 38.379-108.01 10.24-108.01-46.485v-26.454l-7.275 1.131c-2.73.47-5.483.981-8.256 1.557-15.147 3.158-41.813 23.531-75.157 63.446-40.491 48.469-119.254 15.21-112.768-47.616 7.296-70.678 35.605-131.414 84.181-179.67l5.803-5.61c31.253-29.334 67.093-49.643 106.688-60.587l6.784-1.77v-28.865zm180.203-595.2A42.667 42.667 0 0 1 896 85.333v448h-85.333V128h-640v768h256v85.333H128a42.667 42.667 0 0 1-42.667-42.666V85.333A42.667 42.667 0 0 1 128 42.667zM737.131 722.923c-54.187.426-100.246 19.477-138.176 57.173-37.931 37.675-59.798 84.63-65.622 140.843q62.625-74.944 111.232-85.056c32.406-6.742 63.254-7.766 92.566-3.072v89.472l137.536-146.006L737.13 637.845zM490.667 490.667h-256v-85.334h256zM704 320H234.667v-85.333H704z" })]);
+      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/Branch.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 Branch: DefineComponent<IconProps>;

package/packages/vue/icons/Branch.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 Branch = defineComponent({
+  name: "Branch",
+  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": "m374.187 573.44 171.946 214.976a43.03 43.03 0 0 0 33.579 16.128h128.981v112.64a21.504 21.504 0 0 0 34.923 16.79l186.987-149.611a21.483 21.483 0 0 0 0-33.579l-187.008-149.59a21.525 21.525 0 0 0-34.902 16.79v100.587H600.384L441.323 519.744l-67.136 53.717zM730.176 85.333c-11.883 0-21.483 9.622-21.483 21.504v117.334H579.712l-3.776.192a42.9 42.9 0 0 0-26.624 12.416L325.44 460.629H85.333v85.974h257.92l3.798-.171a42.97 42.97 0 0 0 26.624-12.416l223.829-223.83h111.19v95.851a21.525 21.525 0 0 0 34.9 16.79l187.009-149.59a21.504 21.504 0 0 0 0-33.557L743.595 90.027a21.53 21.53 0 0 0-13.44-4.715z" })]);
+      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/BranchCheck.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 BranchCheck: DefineComponent<IconProps>;

package/packages/vue/icons/BranchCheck.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 BranchCheck = defineComponent({
+  name: "BranchCheck",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M853.333 42.667A42.667 42.667 0 0 1 896 85.333v384h-85.333V128h-640v768h298.666v85.333H128a42.667 42.667 0 0 1-42.667-42.666V85.333A42.667 42.667 0 0 1 128 42.667zM736 512a128 128 0 0 1 32 251.947v25.386h138.667a32 32 0 0 1 32 32v128a32 32 0 0 1-32 32H565.333a32 32 0 0 1-32-32v-128a32 32 0 0 1 32-32H704v-25.386A128 128 0 0 1 736 512M597.333 917.333h277.334v-64H597.333zm-234.666-128H213.333v-64h149.334zM736 576a64 64 0 1 0 0 128 64 64 0 0 0 0-128m-288 85.333H213.333v-64H448zm-69.397-302.336.149.022c.47.085.917.213 1.344.405l.299.128.234.15a6.7 6.7 0 0 1 2.134 1.855 6.25 6.25 0 0 1 1.173 3.286c0 .17.064.32.064.469V416h31.595l64.768-56.17 41.941 48.34-73.813 64a32 32 0 0 1-20.95 7.83h-43.52v29.355l-.064.32a6.5 6.5 0 0 1-.17 1.173l-.15.597a6.3 6.3 0 0 1-.896 1.664c-.064.064-.085.171-.149.256-.17.214-.384.363-.555.534l-.298.32a6.3 6.3 0 0 1-1.238.81l-.448.171a6.3 6.3 0 0 1-2.986.512l-.299-.043a6.4 6.4 0 0 1-3.179-1.322l-90.026-72.022a6.3 6.3 0 0 1-1.728-2.218l-.171-.427a6.27 6.27 0 0 1-.341-3.584l.042-.256a6.4 6.4 0 0 1 .342-.96l.128-.405c.128-.256.298-.491.469-.726a6.4 6.4 0 0 1 1.28-1.408l90.027-72.021a6.4 6.4 0 0 1 1.514-.896l.214-.085a6.4 6.4 0 0 1 1.493-.384h.363l.405-.043c.32 0 .683.043 1.003.085m0-181.333.149.021a6.4 6.4 0 0 1 1.344.406l.299.128.234.149a6.57 6.57 0 0 1 2.923 3.328 6.1 6.1 0 0 1 .384 1.835l.064.448V224h60.373l3.051.15a32 32 0 0 1 18.987 8.682l80.362 76.501h103.894v64H533.952l-3.072-.149a32.04 32.04 0 0 1-19.008-8.683L431.573 288H384v40.021l-.043.32a6.5 6.5 0 0 1-.17 1.174l-.15.597a6.3 6.3 0 0 1-.896 1.664l-.149.235c-.17.213-.384.384-.555.554l-.298.299a6.3 6.3 0 0 1-1.238.832l-.448.17a6.3 6.3 0 0 1-2.986.513l-.299-.043a6.4 6.4 0 0 1-3.179-1.323l-90.026-72.021a6.3 6.3 0 0 1-1.728-2.219l-.171-.426a6.27 6.27 0 0 1-.341-3.584l.042-.256a6.4 6.4 0 0 1 .342-.96l.128-.406c.128-.256.298-.49.469-.725a6.4 6.4 0 0 1 1.28-1.408l90.027-72.021a6.4 6.4 0 0 1 1.514-.896l.214-.086a6.5 6.5 0 0 1 1.493-.384h.363l.405-.042a6.6 6.6 0 0 1 1.003.085" })]);
+      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/BranchFill.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 BranchFill: DefineComponent<IconProps>;

package/packages/vue/icons/BranchFill.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 BranchFill = defineComponent({
+  name: "BranchFill",
+  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 640a42.667 42.667 0 0 1 42.666 42.667v170.666A42.667 42.667 0 0 1 938.667 896H768a42.667 42.667 0 0 1-42.667-42.667V682.667A42.667 42.667 0 0 1 768 640h42.667v-85.333h-256V640h42.666A42.667 42.667 0 0 1 640 682.667v170.666A42.667 42.667 0 0 1 597.333 896H426.667A42.667 42.667 0 0 1 384 853.333V682.667A42.667 42.667 0 0 1 426.667 640h42.666v-85.333h-256V640H256a42.667 42.667 0 0 1 42.667 42.667v170.666A42.667 42.667 0 0 1 256 896H85.333a42.667 42.667 0 0 1-42.666-42.667V682.667A42.667 42.667 0 0 1 85.333 640H128V512a42.667 42.667 0 0 1 42.667-42.667h298.666V384H384a42.667 42.667 0 0 1-42.667-42.667V170.667A42.667 42.667 0 0 1 384 128h256a42.667 42.667 0 0 1 42.667 42.667v170.666A42.667 42.667 0 0 1 640 384h-85.333v85.333h298.666A42.667 42.667 0 0 1 896 512v128z" })]);
+      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/BranchMain.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 BranchMain: DefineComponent<IconProps>;

package/packages/vue/icons/BranchMain.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 BranchMain = defineComponent({
+  name: "BranchMain",
+  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": "M810.667 128a42.667 42.667 0 0 1 42.666 42.667v128a42.667 42.667 0 0 1-42.666 42.666h-256v128H724.8a42.67 42.67 0 0 1 32.32 14.827l128.555 149.333 5.589 6.507h47.403a42.667 42.667 0 0 1 42.666 42.667v170.666A42.667 42.667 0 0 1 938.667 896H768a42.667 42.667 0 0 1-42.667-42.667V682.667A42.667 42.667 0 0 1 768 640h10.667l-73.451-85.333h-150.55V640h42.667A42.667 42.667 0 0 1 640 682.667v170.666A42.667 42.667 0 0 1 597.333 896H426.667A42.667 42.667 0 0 1 384 853.333V682.667A42.667 42.667 0 0 1 426.667 640h42.666v-85.333H318.272L245.142 640H256a42.667 42.667 0 0 1 42.667 42.667v170.666A42.667 42.667 0 0 1 256 896H85.333a42.667 42.667 0 0 1-42.666-42.667V682.667A42.667 42.667 0 0 1 85.333 640h47.424l5.504-6.443 128-149.333a42.67 42.67 0 0 1 32.406-14.89h170.666v-128h-256a42.667 42.667 0 0 1-42.666-42.667v-128A42.667 42.667 0 0 1 213.333 128zM128 810.667h85.333v-85.334H128zm341.333 0h85.334v-85.334h-85.334zm341.334 0H896v-85.334h-85.333zM256 256h512v-42.667H256z" })]);
+      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/BranchSquare.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 BranchSquare: DefineComponent<IconProps>;

package/packages/vue/icons/BranchSquare.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 BranchSquare = defineComponent({
+  name: "BranchSquare",
+  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": "M298.667 85.333A42.667 42.667 0 0 1 341.333 128v42.667H448a42.667 42.667 0 0 1 42.667 42.666v149.334h42.666V213.333A42.667 42.667 0 0 1 576 170.667h106.667V128a42.667 42.667 0 0 1 42.666-42.667H896A42.667 42.667 0 0 1 938.667 128v170.667A42.667 42.667 0 0 1 896 341.333H725.333a42.667 42.667 0 0 1-42.666-42.666V256h-64v106.667H640a42.667 42.667 0 0 1 42.667 42.666v213.334A42.667 42.667 0 0 1 640 661.333h-21.333v112.064h64v-48.064a42.667 42.667 0 0 1 42.666-42.666H896a42.667 42.667 0 0 1 42.667 42.666V896A42.667 42.667 0 0 1 896 938.667H725.333A42.667 42.667 0 0 1 682.667 896v-37.27H576a42.667 42.667 0 0 1-42.667-42.666v-154.73h-42.666v154.73A42.667 42.667 0 0 1 448 858.731H341.333V896a42.667 42.667 0 0 1-42.666 42.667H128A42.667 42.667 0 0 1 85.333 896V725.333A42.667 42.667 0 0 1 128 682.667h170.667a42.667 42.667 0 0 1 42.666 42.666v48.064h64V661.333H384a42.667 42.667 0 0 1-42.667-42.666V405.333A42.667 42.667 0 0 1 384 362.667h21.333V256h-64v42.667a42.667 42.667 0 0 1-42.666 42.666H128a42.667 42.667 0 0 1-42.667-42.666V128A42.667 42.667 0 0 1 128 85.333zm-128 768H256v-85.312h-85.333zm597.333 0h85.333V768H768zM426.667 576h170.666V448H426.667zm-256-320H256v-85.312h-85.333zM768 256h85.333v-85.312H768z" })]);
+      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/BranchSquareHorizontal.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 BranchSquareHorizontal: DefineComponent<IconProps>;

package/packages/vue/icons/BranchSquareHorizontal.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 BranchSquareHorizontal = defineComponent({
+  name: "BranchSquareHorizontal",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M853.333 42.667A42.667 42.667 0 0 1 896 85.333V256a42.667 42.667 0 0 1-42.667 42.667H682.667A42.667 42.667 0 0 1 640 256v-42.667h-85.333v597.334H640V768a42.667 42.667 0 0 1 42.667-42.667h170.666A42.667 42.667 0 0 1 896 768v170.667a42.667 42.667 0 0 1-42.667 42.666H682.667A42.667 42.667 0 0 1 640 938.667V896H512a42.667 42.667 0 0 1-42.667-42.667V554.667H384V640a42.667 42.667 0 0 1-42.667 42.667H170.667A42.667 42.667 0 0 1 128 640V384a42.667 42.667 0 0 1 42.667-42.667h170.666A42.667 42.667 0 0 1 384 384v85.333h85.333V170.667A42.667 42.667 0 0 1 512 128h128V85.333a42.667 42.667 0 0 1 42.667-42.666zM725.333 896h85.334v-85.333h-85.334zm-512-298.667h85.334V426.667h-85.334zm512-384h85.334v-85.312h-85.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/BranchSquareVertical.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 BranchSquareVertical: DefineComponent<IconProps>;

package/packages/vue/icons/BranchSquareVertical.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 BranchSquareVertical = defineComponent({
+  name: "BranchSquareVertical",
+  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": "M640 128a42.667 42.667 0 0 1 42.667 42.667v170.666A42.667 42.667 0 0 1 640 384h-85.333v85.333h298.666A42.667 42.667 0 0 1 896 512v128h42.667a42.667 42.667 0 0 1 42.666 42.667v170.666A42.667 42.667 0 0 1 938.667 896H768a42.667 42.667 0 0 1-42.667-42.667V682.667A42.667 42.667 0 0 1 768 640h42.667v-85.333h-256V640h42.666A42.667 42.667 0 0 1 640 682.667v170.666A42.667 42.667 0 0 1 597.333 896H426.667A42.667 42.667 0 0 1 384 853.333V682.667A42.667 42.667 0 0 1 426.667 640h42.666v-85.333h-256V640H256a42.667 42.667 0 0 1 42.667 42.667v170.666A42.667 42.667 0 0 1 256 896H85.333a42.667 42.667 0 0 1-42.666-42.667V682.667A42.667 42.667 0 0 1 85.333 640H128V512a42.667 42.667 0 0 1 42.667-42.667h298.666V384H384a42.667 42.667 0 0 1-42.667-42.667V170.667A42.667 42.667 0 0 1 384 128zM128 810.667h85.333v-85.334H128zm341.333 0h85.334v-85.334h-85.334zm341.334 0h85.312v-85.334h-85.312zm-384-512h170.666v-85.334H426.667z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

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

package/packages/vue/icons/Briefcase.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 Briefcase = defineComponent({
+  name: "Briefcase",
+  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": "M704 85.333A42.667 42.667 0 0 1 746.667 128v128H896a42.667 42.667 0 0 1 42.56 39.616l42.667 597.333a42.667 42.667 0 0 1-42.56 45.718H85.333a42.667 42.667 0 0 1-42.56-45.718L85.44 295.616A42.667 42.667 0 0 1 128 256h149.333V128A42.667 42.667 0 0 1 320 85.333zm-572.864 768h761.707l-25.152-352H688.917a192.043 192.043 0 0 1-353.856 0H156.288l-25.173 352zm304.704-352a106.33 106.33 0 0 0 76.16 32 106.33 106.33 0 0 0 76.139-32zM162.347 416h699.242l-5.333-74.667H167.723L162.389 416zm200.32-160h298.666v-85.333H362.667z" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

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

package/packages/vue/icons/BringToFront.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 BringToFront = defineComponent({
+  name: "BringToFront",
+  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 341.333A42.667 42.667 0 0 1 938.667 384v512A42.667 42.667 0 0 1 896 938.667H384A42.667 42.667 0 0 1 341.333 896V384A42.667 42.667 0 0 1 384 341.333zm-469.333 512h426.666V426.667H426.667zm-256-170.666H128A42.667 42.667 0 0 1 85.333 640v-42.667h85.334zm128 0H256v-85.334h42.667zM170.667 512H85.333v-85.333h85.334zm0-170.667H85.333V256h85.334zm512-42.666h-85.334V256h85.334zm-512-128H85.333V128A42.667 42.667 0 0 1 128 85.333h42.667zm170.666 0H256V85.333h85.333zm170.667 0h-85.333V85.333H512zm128-85.334A42.667 42.667 0 0 1 682.667 128v42.667h-85.334V85.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/BrokenLine.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 BrokenLine: DefineComponent<IconProps>;