@nstc-design/icons 0.0.1

package/dist/react/icons/IconBytedanceColor.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconBytedanceColor: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconBytedanceColor.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconBytedanceColor = forwardRef(function IconBytedanceColor(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M280.416 794.112 128 829.952v-636.32l152.416 35.84z", "fill": originColor ? "#325ab4" : "currentColor" }), createElement("path", { "d": "M928 828.48 800 864V160l128 35.52z", "fill": originColor ? "#78e6dc" : "currentColor" }), createElement("path", { "d": "M480 798.304 352 832V480l128 33.696z", "fill": originColor ? "#3c8cff" : "currentColor" }), createElement("path", { "d": "M576 449.696 704 416v352l-128-33.696z", "fill": originColor ? "#00c8d2" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconCheck.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconCheck: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconCheck.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconCheck = forwardRef(function IconCheck(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M41.678 11.05 19.05 33.678 6.322 20.95" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconCheckCircle.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconCheckCircle: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconCheckCircle.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconCheckCircle = forwardRef(function IconCheckCircle(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "m15 22 7 7 11.5-11.5M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconCheckSquare.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconCheckSquare: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconCheckSquare.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconCheckSquare = forwardRef(function IconCheckSquare(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M34.603 16.672 21.168 30.107l-7.778-7.779M8 41h32a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v32a1 1 0 0 0 1 1Z" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconClockCircle.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconClockCircle: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconClockCircle.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconClockCircle = forwardRef(function IconClockCircle(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M24 14v10h9.5m8.5 0c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconClose.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconClose: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconClose.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconClose = forwardRef(function IconClose(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconCloseCircle.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconCloseCircle: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconCloseCircle.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconCloseCircle = forwardRef(function IconCloseCircle(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "fill": "none", "stroke": originColor ? "currentColor" : "currentColor", "strokeWidth": "4", "viewBox": "0 0 48 48", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "m17.643 17.643 6.364 6.364m0 0 6.364 6.364m-6.364-6.364 6.364-6.364m-6.364 6.364-6.364 6.364M42 24c0 9.941-8.059 18-18 18S6 33.941 6 24 14.059 6 24 6s18 8.059 18 18Z" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconDemoDownload.d.ts

@@ -0,0 +1,14 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+/** @deprecated */
+export declare const IconDemoDownload: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconDemoDownload.js

@@ -0,0 +1,38 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+/** @deprecated */
+export const IconDemoDownload = forwardRef(function IconDemoDownload(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "viewBox": "0 0 24 24" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M12 3v12m-5-5 5 5 5-5M4 21h16" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconDemoHome.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconDemoHome: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconDemoHome.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconDemoHome = forwardRef(function IconDemoHome(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "viewBox": "0 0 24 24" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "m3 11 9-8 9 8v10h-6v-6H9v6H3Z" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconDemoSearch.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconDemoSearch: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconDemoSearch.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconDemoSearch = forwardRef(function IconDemoSearch(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "viewBox": "0 0 24 24" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("circle", { "cx": "10", "cy": "10", "r": "6" }), createElement("path", { "d": "m15 15 6 6" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconDemoSettings.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconDemoSettings: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconDemoSettings.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconDemoSettings = forwardRef(function IconDemoSettings(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "viewBox": "0 0 24 24" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("circle", { "cx": "12", "cy": "12", "r": "3" }), createElement("path", { "d": "M12 2v4m0 12v4M2 12h4m12 0h4M5 5l3 3m8 8 3 3m0-14-3 3m-8 8-3 3" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconDemoUpload.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconDemoUpload: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/dist/react/icons/IconDemoUpload.js

@@ -0,0 +1,37 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const IconDemoUpload = forwardRef(function IconDemoUpload(props, ref) {
+  const {
+    size = "1em",
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const svgAttributes = { "viewBox": "0 0 24 24" };
+  const svgStyle = color === undefined ? style : { color, ...style };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toSize(size), height: toSize(size), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(size), height: toSize(size), className, style: svgStyle },
+    createElement("path", { "d": "M12 17V5m-5 5 5-5 5 5M4 21h16" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: svgStyle,
+    },
+    svg,
+  );
+});

package/dist/react/icons/IconDemoUser.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const IconDemoUser: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};