@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue/icons/BankBjrcb.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 BankBjrcb = defineComponent({
+  name: "BankBjrcb",
+  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": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M704.8 266c176.4 154.4 90.4 359.6 90.4 359.6-42.8 118-156 202.4-288.8 202.4-58 0-112.4-16-158.4-44-23.2-13.2-44.4-29.6-63.2-48.8-52-53.2-84.4-125.6-84.4-206 0-70.8 25.2-136 67.2-186.8 25.6-27.6 56.8-50 92-66 .4 0 .8-.4 1.2-.4 1.6 0 2.8 1.2 2.8 2.8 0 .8-.4 1.6-.8 2l-.4.4c-38.8 36-65.6 84.4-74.8 139.2-2 13.2-3.2 26.4-3.2 40.4C284.4 596 394 706 529.6 706c26.8 0 52.8-4 77.2-11.2 15.6-5.6 30.4-12.8 44-20.8h.4c38.8-23.2 70.4-57.2 91.2-98 8-15.6 14.4-32.4 18.8-49.6 2.4-9.6 4.4-19.6 5.6-30 1.2-10 2-20 2-30.4q0-33-8.4-63.6c-9.6-35.2-26.8-67.2-50-94.4 0 0-52-67.2-137.6-95.2-14.8-4.8-30.4-8.8-46.4-11.6-1.2-.4-2-1.2-2-2.8s1.2-2.8 2.8-2.8h.8c43.2 2.8 84.4 14.4 121.2 32.8 18.4 10.8 37.6 23.2 55.6 37.6M530 478.4c-49.2-25.2-68.4-85.2-42.8-133.6 26-48.4 86.8-66.8 136.4-41.6 1.6.8 3.2 1.6 4.4 2.4 95.2 52 131.6 169.2 80.8 264.4-44 82.4-139.6 121.6-228 100h-.4c-1.2-.4-2-1.2-2-2.4s1.2-2.4 2.4-2.8h.8c36.8.4 72.4-18.8 90.4-53.2 26.8-48 7.6-108-42-133.2M264.8 309.2s-58.8 61.2-142.4 37.2c-1.2-.4-2-1.2-2-2.8 0-1.2.8-2.4 2-2.8h.4c15.2-4 55.6-6.8 92.4-56.8 0 0 47.6-69.6 124-15.6h.4c.8.4 1.2 1.2 1.2 2 0 1.2-.8 2.4-2 2.8-15.2 2-47.6 9.2-74 36", "fill": originColor ? "#c8171e" : "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/BankBly.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 BankBly: DefineComponent<IconProps>;

package/packages/vue/icons/BankBly.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 BankBly = defineComponent({
+  name: "BankBly",
+  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": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M789.6 247.2c-96-98.8-290.4-61.2-432.4 83.6-106.4 108-154.4 246.4-131.6 350.8L494 567.2c-7.2-58.4 8-129.6 46.4-194.4C608 258.8 722 206 794 255.6c2.8 2 6 4.4 8.4 6.4-4-4.8-8.4-10-12.8-14.8m-542 491.6c7.2 12.4 15.6 24 25.6 34 96 98.8 290.4 61.2 432.4-83.6C748 646 780.8 598.4 804 550c-.4.8-1.2 2-1.6 2.8-67.6 114-181.2 166.4-253.6 117.2-16-10.8-28.4-26-37.6-43.6z", "fill": originColor ? "#003a81" : "currentColor" }), h("path", { "d": "M637.2 404 596 522.8 714.8 564 756 445.2z", "fill": originColor ? "#ef7d27" : "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/BankBmo.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 BankBmo: DefineComponent<IconProps>;

package/packages/vue/icons/BankBmo.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 BankBmo = defineComponent({
+  name: "BankBmo",
+  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": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M513.6 172C698.8 172 852 325.2 852 510.4S698.8 852 513.6 852C325.6 852 172 695.6 172 510.4S325.2 172 513.6 172M352 660h320V556H352zm150-253.6s-54.8-69.2-57.6-72c-5.6-8.8-14.4-8.8-23.2 0-5.6 2.8-69.2 83.6-69.2 83.6v138l66.4-86.4c11.6-8.8 20-8.8 26 0 2.8 2.8 57.6 72 57.6 72 5.6 8.8 14.4 8.8 20 0 0 0 54.8-69.2 57.6-72 5.6-8.8 14.4-8.8 26 0L672 556V418l-69.2-83.6c-8.8-8.8-17.2-8.8-23.2 0-2.8 2.8-57.6 72-57.6 72-2.8 5.6-5.6 5.6-8.8 5.6-5.6 0-8.4 0-11.2-5.6", "fill": originColor ? "#e30016" : "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/BankBnpp.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 BankBnpp: DefineComponent<IconProps>;

package/packages/vue/icons/BankBnpp.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 BankBnpp = defineComponent({
+  name: "BankBnpp",
+  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": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M370.8 374.4c-27.2 16-35.6 17.2-65.2 34.8 17.2-18.4 23.2-26.4 34-42-27.6 1.6-67.2 4.8-95.6 10.8 24.8-13.2 73.6-27.6 99.6-31.2-6-8-54.4-34.4-66.4-39.2 38.4 2.8 85.2 17.2 108 30.8 9.2-2.4 18.4-2.4 34.8-4-4.4 7.2-4.4 11.6-20.8 22 4.4 12-6.4 78-15.2 95.6-.4-27.6-2.8-62.4-13.2-77.6M172 607.6c-16.4-.4-28.8-2.4-43.2-6.8-.8 10-.4 17.6 2.4 26.8-11.6-11.2-18.8-20.8-25.6-35.2-12.8-6-22.4-11.2-33.6-18 8-3.6 15.2-6 25.2-8.8-3.2-17.2-2.4-32.4 0-54 4.4 20.4 8.4 34.8 17.6 50 10.8-2 20-3.6 32.8-5.2-6.8 10-11.2 17.6-14.8 27.6 12.4 11.6 23.6 18 39.2 23.6M211.6 392c-4.8 6-10.4 17.6-12 23.2 40 5.6 72.4 25.6 72.4 25.6-35.2-6-53.6-5.2-66.8-4.4-13.2 1.2-15.6 2.8-15.6 2.8-9.6 20-15.2 55.2-15.2 55.2-6.4-15.2-15.6-45.2-15.6-45.2-18 9.2-58.8 46.8-58.8 46.8 22.4-44 45.2-64 45.2-64-8-7.6-28.4-11.6-43.2-12 8-3.2 28-6.8 43.2-7.6 15.2-.4 24.8.4 24.8.4 13.6-10.8 34.4-19.6 41.6-20.8m46 186c.4 6.8.8 11.6 1.2 17.6 12.8-6 22-12 33.2-20-10.4 10.8-19.2 19.6-32 29.2 1.2 5.2 2 8.4 3.2 12.4-4.8.8-11.2 1.2-18 1.2-13.2 8-31.2 13.6-44.4 17.2 8-5.2 15.2-10.8 23.2-18.4-8.4-1.6-16-4.4-24-8.4 12.8 0 23.6-1.6 36.8-5.2 8-8.4 13.6-16 20.8-25.6", "fill": originColor ? "#009b91" : "currentColor" }), h("path", { "d": "M264.8 502c-2.4 0-4.8 0-6.4.4-.4 6.8-.4 14.8-.4 18.4 0 3.2 0 13.6.4 21.2h8c13.2 0 19.6-2.8 19.6-8.8q0-2.4-2.4-4.8c-3.2-3.2-9.6-4.8-16.8-4.4h-3.6l3.6-7.2h.4c6.4.4 11.2-.8 14-3.2 1.2-1.2 1.6-2.4 1.6-4 .4-5.6-4.8-7.6-18-7.6m-24.8-5.6v-.4h35.2c12 0 25.2 3.6 25.2 12 0 5.2-6 10-14.4 11.6 11.6 2.8 18 7.6 18 14 0 10.4-16.4 14.4-32 14.4h-32v-.4c.8-6.8.8-22 .8-26.8.4-5.2 0-18.8-.8-24.4m139.2-.4h.8v.4c-.4 5.6-.8 19.2-.8 24.4 0 4.4 0 20 1.2 26.8v.4h-12.8c-1.2-2-28.4-32.4-28.8-32.4-2.4-2.8-3.2-4-3.6-5.6 0 12.4 0 25.2.8 38v.4h-16v-.4c.8-6.8.8-22 .8-26.8 0-5.2-.4-18.8-.8-24.4v-.4h17.6c5.6 5.2 21.2 24 21.6 24.4 4.4 5.2 5.6 6.4 6.4 8.4-.4-6.4-.8-13.2-1.2-19.6L364 496zm43.6 6.4c-2 0-4 0-5.2.4 0 3.6-.4 7.6-.4 10.8v6.4h5.2c9.2 0 20-1.6 20-9.2 0-2-.8-3.6-2-4.8-2.8-2.4-8.8-4-17.6-3.6m-22.8-6v-.4h29.2c14 .4 30.8 3.2 30.8 15.2 0 10.4-12 15.6-36.4 15.6h-6.4c0 7.2.4 16 .8 20.8v.4h-18v-.4c.8-6.8 1.2-22 1.2-26.8 0-5.2-.4-18.8-1.2-24.4m122.8 6c-2 0-4 0-5.2.4 0 3.6-.4 7.6-.4 10.8v6.4h5.2c9.2 0 20-1.6 20-9.2 0-2-.8-3.6-2-4.8-2.8-2.4-8.8-4-17.6-3.6m-22.8-6v-.4h29.2c14 .4 30.8 3.2 30.8 15.2 0 10.4-12 15.6-36.4 15.6h-6c0 7.2.4 16 .8 20.8v.4H500v-.4c.8-6.8.8-22 .8-26.8.4-5.2 0-18.8-.8-24.4m92.4 14.8c-3.2 5.2-6.8 11.2-10.4 17.6h20.8c-4.8-8-8.8-15.2-10.4-17.6m-4.8-15.2h13.2l31.2 52h-19.6v-.4c-.8-2-3.2-6.4-6.4-12h-28c-2.4 4.4-4 8.4-5.6 12v.4H556l.4-.8c3.6-5.6 27.2-43.6 30.8-50.8zm52.4.4v-.4h30.4c14.8.4 32 3.2 32 15.2 0 6.8-5.2 11.2-15.6 13.6l.4.4c5.6 6.4 19.6 21.2 20 22l.8.8h-20.8v-.4c-4.4-6.4-14.8-19.2-21.6-26.8l-.8-.8h1.2s2 .4 4 0c7.2-.4 14.8-3.2 14.8-9.2 0-2-.8-3.6-2-4.8-3.2-2.8-9.6-4.4-18.4-4-1.6 0-3.6 0-5.2.4-.4 6.4-.4 14.4-.4 18 0 4.4 0 20 1.2 26.8v.4h-20v-.4c.8-6.8 1.2-22 1.2-26.8s-.4-18.4-1.2-24m95.2-.4h.4v.4c-.4 5.6-.8 19.2-.8 24.4 0 4.4 0 20 1.2 26.8v.4h-20v-.4c.8-6.8 1.2-22 1.2-26.8 0-5.2-.4-18.8-.8-24.4v-.4zm37.6 6c-2.4 0-4.8 0-6.4.4-.4 6.8-.4 14.8-.4 18.4 0 3.2 0 13.6.4 21.2h8c13.2 0 19.6-2.8 19.6-8.8q0-2.4-2.4-4.8c-3.2-3.2-9.6-4.8-16.8-4.4h-3.6l3.6-7.2h.4c6.4.4 11.2-.8 14-3.2 1.2-1.2 2-2.4 2-4 0-5.6-5.2-7.6-18.4-7.6m-24.8-5.6v-.4h35.2c12 0 25.2 3.6 25.2 12 0 5.2-6 10-14.4 11.6 12 2.8 18 7.6 18 14 0 10.4-16.8 14.4-32 14.4h-32v-.4c.8-6.8.8-22 .8-26.8.4-5.2 0-18.8-.8-24.4m108.4 14.8c-3.2 5.2-6.8 10.8-10.4 17.6h20.8c-4.8-8-8.8-15.2-10.4-17.6m8-15.2 31.6 52h-19.6v-.4c-.8-2-3.2-6.4-6.4-12h-28c-2.4 4.4-4 8.4-5.6 12v.4H820l.4-.8c2-3.2 26.8-43.2 30.8-51.2v-.4h13.2zm35.6 11.6c0-9.2 11.6-15.6 28.8-15.6 6.8 0 13.2.8 17.2 1.6l4 .4v11.6l-4-1.2c-4-1.2-11.6-3.6-19.2-3.6-10.4 0-10.4 3.6-10.4 4.8 0 4 8.4 6.8 16.4 9.2 10.8 3.2 23.2 7.2 23.2 16.8 0 10.4-12 16.4-32 16.4-7.6 0-15.2-1.2-19.2-2l-1.2-.4-2-.4v-11.6l3.2 1.2q12 4.2 21.6 4.8c6.4.4 10.4-.4 12.4-2.4.8-.8 1.2-2 1.2-3.2 0-4.4-8.4-7.2-16.8-9.6-11.2-3.6-23.2-7.6-23.2-16.8", "fill": originColor ? "#231916" : "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/BankBoas.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 BankBoas: DefineComponent<IconProps>;

package/packages/vue/icons/BankBoas.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 BankBoas = defineComponent({
+  name: "BankBoas",
+  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": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M423.28 643.668a56.06 56.06 0 0 1-29.748-49.504V185.62C239.148 243.056 148.276 412.732 177.62 574.684c14.88 36.172 70.928 68.984 123.48 68.984h122.176z", "fill": originColor ? "#cc201e" : "currentColor" }), h("path", { "d": "M466.7 396.044h131.1a55.8 55.8 0 0 1 25.8 6.428h118.176c39.46-.272 77.24 18.72 105.896 49.372-35.288-184.572-202.612-300.8-380.972-276.26zm125.704 247.504h-289.18c-47.508.532-97.176-30.78-125.604-68.864 24.688 104.152 101.264 199.944 198.98 243.54 97.712 43.596 213.06 37.664 307-13.56-36.892-44.764-41.9-137.36-40.744-189.432-10.096 17.52-30.236 28.32-50.452 28.316", "fill": originColor ? "#ee7e18" : "currentColor" }), h("path", { "d": "M740.84 402.48H623.6a56.12 56.12 0 0 1 20.136 43.2v142.144a51 51 0 0 1-.268 5.084h.168c0 2.728-.272 5.656-.404 8.72-1.544 35.864-3.02 152.008 37.68 200.232h.236C743.692 872.98 852 840.68 852 840.68V506.16a345 345 0 0 0-4.328-54.32 137.83 137.83 0 0 0-106.832-49.364z", "fill": originColor ? "#cc201e" : "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/BankBob.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 BankBob: DefineComponent<IconProps>;

package/packages/vue/icons/BankBob.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 BankBob = defineComponent({
+  name: "BankBob",
+  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": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M508 172c-188 0-336 153.808-336 340 0 190.24 152 340 336 340 88 0 148-32.38 176-48.572 64-40.476 100-97.144 92-153.808-8-48.572-52-85-108-101.192-4 0-12-4.048-16-4.048 28-16.188 44-36.428 48-64.76 8-60.716-60-121.428-152-133.572C464 333.904 396 342 372 342v109.284c48-8.092 112-8.092 164 0 44 8.096 72 24.288 76 44.524 0 4.048 0 12.144-4 16.192-12 16.192-32 16.192-48 12.144-56-8.096-120-8.096-184 0v109.284c60-8.096 160-8.096 208 0 44 8.096 72 28.332 76 52.62 0 12.144-4 20.24-12 32.38-16 20.24-64 40.48-132 40.48-136 0-248-113.336-248-250.956S380 257 516 257s248 113.332 248 250.952v28.332c16 8.096 44 28.336 76 64.76 8-28.328 12-60.712 12-93.092C848 321.76 696 172 508 172", "fill": originColor ? "#e50012" : "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/BankBobd.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 BankBobd: DefineComponent<IconProps>;

package/packages/vue/icons/BankBobd.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 BankBobd = defineComponent({
+  name: "BankBobd",
+  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": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M400.332 513.256h223.336c0 39.416-6.112 221.66 5.084 246.696H729.9c-23.148-114.748-35.4-236.728-23.848-374.524H589.72l28.184-70.176h-211.8l28.184 70.176h-116.34c11.548 137.796-.7 259.776-23.848 374.524h101.152c11.192-25.04 5.08-207.28 5.08-246.696M463.44 673h97.12v-96.892h-97.12zm-1.748 62.752c0 31.028-2 68.092-15.184 96.248H192c43.864-155.108 65.464-320.024 33.528-506.296h97.664a364.8 364.8 0 0 0-30.568-76.44 2195 2195 0 0 0 87.124 6.72c-6.088-18.86-14.568-37.36-26.72-59.984 54.48 7.04 107.18 9.512 158.972 9.096 51.784.416 104.488-2.052 158.976-9.096-12.16 22.624-20.64 41.124-26.732 59.984q43.439-2.478 87.124-6.72a364.8 364.8 0 0 0-30.564 76.44h97.66C766.532 511.976 788.136 676.892 832 832H577.488c-13.18-28.16-15.188-65.22-15.188-96.248z", "fill": originColor ? "#a60d13" : "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/BankBoc.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 BankBoc: DefineComponent<IconProps>;

package/packages/vue/icons/BankBoc.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 BankBoc = defineComponent({
+  name: "BankBoc",
+  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": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M512 172c187.776 0 340 152.224 340 340S699.776 852 512 852 172 699.776 172 512s152.224-340 340-340M246.376 512c0 134.08 99.34 244.96 228.436 263.04V650.124h-67.5c-33.136 0-60-26.86-60-60V433.88c0-33.14 26.864-60 60-60l67.5-.004v-124.92C345.716 267.044 246.372 377.92 246.372 512zm302.812-263.04-.004 124.912h67.504c33.136 0 60 26.864 60 60v156.252c0 33.14-26.864 60-60 60h-67.504l.004 124.92C678.284 756.956 777.628 646.08 777.628 512c0-132.74-97.368-242.736-224.576-262.472l-3.864-.572zm37.124 199.288H437.688a16 16 0 0 0-15.98 15.2l-.02.8v95.504a16 16 0 0 0 15.2 15.98l.8.02h148.624a16 16 0 0 0 15.98-15.2l.02-.8v-95.5a16 16 0 0 0-16-16z", "fill": originColor ? "#b81c22" : "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/BankBocy.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 BankBocy: DefineComponent<IconProps>;

package/packages/vue/icons/BankBocy.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 BankBocy = defineComponent({
+  name: "BankBocy",
+  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": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M675.336 525.216s102.204-7.372 124.604-15.752c0 0 27.62-4.188 13.336-41.824 0 0-13.336-27.08-23.468-42.76 0 0-12.228-19.192-25.692-29.512s-24.332-18.168-29.976-25.472c-5.648-7.304-26.004-22.188-35.224-111 0 0-1.068-25.068-4.116-66.852 0 0-4.112-44.972-44-61.576 0 0-29.56-14.552-97.024 0-67.464 14.548-160.488 65.84-226.848 139.952-66.4 74.108-177.824 216.076-117.712 408.252 60.112 192.136 284.028 270.436 441.436 189.964C808.016 788.128 827.52 669.244 827.52 669.244l3.392-18.468s13.332-60.76-53.332-60.76l-97.024-1.128s-21.448 178.52-196.376 154.54c0 0-83.848-7.332-126.74-103.36 0 0-55.16-110.736 57.18-209.872 0 0 113.44-77.212 214.584 18.82 0 0 37.676 32.24 45.828 76.124l.304.08z", "fill": originColor ? "#025198" : "currentColor" }), h("path", { "d": "M437.58 489.616h148.84v164.152H437.58z", "fill": originColor ? "#eb8919" : "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/BankBocz.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 BankBocz: DefineComponent<IconProps>;

package/packages/vue/icons/BankBocz.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 BankBocz = defineComponent({
+  name: "BankBocz",
+  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": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M192 199.84v238.872s60.604-182.264 233.652-238.872z", "fill": originColor ? "#e50113" : "currentColor" }), h("path", { "d": "M525.092 200.2s176.26-57.112 260.4 75.828c76.476 120.82-37.48 226.212-37.48 226.212s54.64 32.112 75.032 97.688c21.912 70.456 7.616 172.28-113.812 221.52-32.96 13.684-94.456 13.684-94.456 13.684H192V643.628s65.336 102.82 197.296 119.532c131.956 16.708 251.096-79.692 269.036-134.96 0 0-47.4 52.7-80.712 66.84 0 0 69.18-60.412 80.712-129.82 0 0-53.808 110.54-135.8 134.96 0 0 112.74-83.548 119.144-161.948 0 0-7.684 11.568-15.372 16.708 0 0 15.372-56.556-1.28-101.54 0 0-2.56 123.388-56.368 142.672 0 0 48.68-52.7 28.184-106.684 0 0-43.56 137.528-170.392 120.82s-160.688-203.24-67.904-300.76c80.716-84.832 166.548-109.252 166.548-109.252", "fill": originColor ? "#004381" : "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/BankBod.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 BankBod: DefineComponent<IconProps>;

package/packages/vue/icons/BankBod.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 BankBod = defineComponent({
+  name: "BankBod",
+  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": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M525.6 172c109.2 4.4 212 62 272.4 156.4 30.8 48 50 104.4 53.2 164.8v25.2c-1.2 65.2-21.2 126-54 177.6-37.6 58.8-93.6 106.4-164 133.2-35.6 13.6-72 20.8-108.4 22.4v-.4c-4.4 0-9.2.4-13.6.4s-9.2 0-13.6-.4v.4c-114-4.8-221.2-67.2-280.4-169.2-25.2-44-41.2-95.2-44.4-149.6l-.4-4.8v-16 .4c0-78 26-149.6 70-206.8l2.4-3.2c32.4-41.2 74.8-75.6 125.2-98.8 10-4.8 20.4-8.8 31.2-12.4 32.4-11.2 64.8-17.2 97.6-18.4v.4c4.4 0 9.2-.4 13.6-.4 4-.8 8.8-.8 13.2-.8M512 258c-42 0-81.6 10-116.4 28-60 37.2-87.2 112.8-60.8 181.2 21.2 55.2 71.6 90.8 126.8 95.6V648c-87.2-4.8-167.6-58.4-203.2-143.6v7.6c0 140.4 113.6 254 254 254 42 0 81.6-10 116.4-28.4 60-37.2 87.2-112.8 61.2-180.8-21.2-55.2-71.6-90.8-126.8-95.6V376c87.2 4.8 167.6 58.4 203.2 143.2v-7.6C766 371.6 652.4 258 512 258m-50.8 203.2h101.2v101.6H461.2z", "fill": originColor ? "#de0112" : "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/BankBodd.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 BankBodd: DefineComponent<IconProps>;

package/packages/vue/icons/BankBodd.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 BankBodd = defineComponent({
+  name: "BankBodd",
+  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": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M512 172c187.744 0 340 152.252 340 340S699.744 852 512 852 172 699.748 172 512s152.256-340 340-340m140.068 528.732H371.932c-3.8 12.34-8.56 26.528-13.404 39.1 43.82 29.584 96.64 46.856 153.472 46.856 57.016 0 109.976-17.38 153.88-47.132-4.912-12.66-9.964-26.332-13.812-38.824m80.86-351.956c-12.4 30.216-45.524 138.916-2.716 330.04 35.416-46.256 56.476-104.076 56.476-166.82 0-61.12-19.984-117.584-53.76-163.22m-441.852.008c-33.78 45.632-53.76 102.092-53.76 163.212a273.45 273.45 0 0 0 56.292 166.58c42.656-190.852 9.844-299.6-2.532-329.792m345.36 55.472H387.56c10.164 57.464 15.812 131.24 3.664 211.768h241.56c-12.148-80.532-6.512-154.312 3.66-211.768zm-71.04 49.308c8.672 0 13.012 4.332 13.012 12.996v85.568c0 8.664-4.34 13-13.016 13h-104.12c-8.68 0-13.02-4.336-13.02-13V466.56c0-8.664 4.336-13 13.016-13zM512 237.308c-58.288 0-112.336 18.18-156.8 49.16 2 4.908 6.44 16.32 11.736 33.076h290.128c5.3-16.748 9.736-28.168 11.736-33.072-44.472-30.984-98.512-49.164-156.8-49.164", "fill": originColor ? "#b91b24" : "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]);
+    };
+  },
+});