@nstc-design/icons 0.1.0 → 0.1.1

package/packages/react/icons/Pause.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 Pause = forwardRef(function Pause(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M362.667 170.667v682.666h-85.334V170.667zm384 0v682.666h-85.334V170.667z" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/Pay.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 Pay: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Pay.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 Pay = forwardRef(function Pay(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M170.667 853.333H384v85.334H128A42.667 42.667 0 0 1 85.333 896V640h85.334zm768 42.667A42.667 42.667 0 0 1 896 938.667H640v-85.334h213.333V640h85.334zM384 725.333h-85.333V298.667H384zm170.667 0h-85.334V298.667h85.334zm170.666 0H640V298.667h85.333zM384 170.667H170.667V384H85.333V128A42.667 42.667 0 0 1 128 85.333h256zm512-85.334A42.667 42.667 0 0 1 938.667 128v256h-85.334V170.667H640V85.333z" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/PaymentReview.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 PaymentReview: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PaymentReview.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 PaymentReview = forwardRef(function PaymentReview(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("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.333zM736 576a64 64 0 1 0 0 128 64 64 0 0 0 0-128M533.333 394.667V480H234.667v-85.333zm213.334-85.334h-512V224h512z" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/PerformanceEvaluation.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 PerformanceEvaluation: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PerformanceEvaluation.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 PerformanceEvaluation = forwardRef(function PerformanceEvaluation(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M853.333 42.667A42.667 42.667 0 0 1 896 85.333v853.334a42.667 42.667 0 0 1-42.667 42.666H170.667A42.667 42.667 0 0 1 128 938.667V85.333a42.667 42.667 0 0 1 42.667-42.666zM213.333 896h597.334V128H213.333zm149.334-170.667v85.334h-85.334v-85.334zm192 85.334H405.333v-85.334h149.334zm-192-149.334h-85.334V576h85.334zm384 0H405.333V576h341.334zM626.219 512H551.21l-24.171-73.963H409.75L386.004 512h-74.581l118.123-322.71h80.832zM467.243 244.907a119 119 0 0 1-5.611 27.306l-36.885 112.704h86.037l-36.65-111.872c-2.369-7.082-4.054-16.469-5.014-28.138zm226.09.426h53.334v64h-53.334v53.334h-64v-53.334H576v-64h53.333V192h64z" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/Permission.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 Permission: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Permission.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 Permission = forwardRef(function Permission(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M500.48 44.288a42.67 42.67 0 0 1 23.403 0l383.786 109.376a42.69 42.69 0 0 1 30.998 41.045v224.278c0 254.421-166.699 480-413.419 560.213-8.576 2.773-17.792 2.816-26.368.021C252.075 899.03 85.333 673.387 85.333 418.923V194.709a42.67 42.67 0 0 1 30.976-41.045L500.501 44.288zM170.667 226.901v192c0 211.648 135.466 400.406 338.41 473.643l2.966 1.045 2.986-1.066c200.214-72.256 334.72-256.96 338.24-465.152l.064-8.363V226.923l-341.162-97.259-341.504 97.259zm250.922 66.688a128.32 128.32 0 0 1 179.862-1.578l.362.32a128.36 128.36 0 0 1 35.2 118.912l-1.301 5.354a128.32 128.32 0 0 1-81.045 87.936v50.134h42.666V640h-42.666v85.333h-85.334V504.747a129.4 129.4 0 0 1-49.301-31.254 128.363 128.363 0 0 1 1.557-179.882zm117.846 57.387a43.01 43.01 0 0 0-57.515 2.944c-16.576 16.576-16.81 43.413-.853 59.947a43.03 43.03 0 0 0 72.17-19.158 43.03 43.03 0 0 0-9.386-39.573l-1.579-1.664-2.837-2.517z" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/PersonnelApproval.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 PersonnelApproval: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PersonnelApproval.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 PersonnelApproval = forwardRef(function PersonnelApproval(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("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.333zM362.667 800H213.333v-64h149.334zM736 576a64 64 0 1 0 0 128 64 64 0 0 0 0-128m-288 96H213.333v-64H448zm-42.667-480a106.667 106.667 0 0 1 84.48 171.733A170.56 170.56 0 0 1 576 512a32 32 0 0 1-32 32H266.667a32 32 0 0 1-32-32 170.56 170.56 0 0 1 86.186-148.267A106.667 106.667 0 0 1 405.333 192m0 213.333a106.73 106.73 0 0 0-100.672 71.296l-1.13 3.371h203.562l-1.088-3.37a106.75 106.75 0 0 0-96.042-71.19zm0-149.333a42.667 42.667 0 1 0 0 85.333 42.667 42.667 0 0 0 0-85.333" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/Phone.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 Phone: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Phone.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 Phone = forwardRef(function Phone(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M287.659 96.619c26.88-18.304 58.005-14.251 78.549 11.754 6.25 7.936 11.072 14.592 20.48 28.054l.768 1.109 1.792 2.56c4.864 6.933 8.704 12.501 17.216 24.896 6.57 9.557 9.493 13.803 13.099 18.987l1.856 2.666 3.648 5.248c6.101 8.768 12.608 18.07 23.957 34.24l.17.235 4.95 7.083 11.35 16.085c12.65 17.92 18.303 25.984 25.237 36.203 19.882 29.226 13.354 61.738-14.72 82.133l-9.003 6.528-20.267 14.72-.256.15 2.603 3.477 5.632 7.509c7.765 10.283 12.65 16.49 18.432 23.403a1004 1004 0 0 0 48.341 54.357c17.494 18.09 36.054 35.883 55.616 53.333 10.454 9.344 20.096 17.067 40.427 32.704l2.09 1.622 1.558 1.216 2.155 1.642 1.578 1.216a591 591 0 0 0 10.603 8.022l.299.213 1.429-2.027c9.387-13.525 14.592-20.906 20.395-28.949l1.749-2.453c20.203-27.947 57.664-28.267 82.347-9.686a1780 1780 0 0 0 58.197 41.814l6.57 4.544 20.587 14.208.171.106 12.907 8.896 6.933 4.779 11.52 8 5.312 3.69 2.71 1.9c18.986 13.29 34.154 24.063 48.682 34.73 26.56 19.456 30.25 54.507 12.181 80.107-5.013 7.125-9.024 12.864-18.005 25.792a5533 5533 0 0 1-35.435 50.346l-2.901 4.054a4012 4012 0 0 0-39.936 57.13c-8.917 12.95-12.885 18.731-17.92 25.942a262 262 0 0 1-13.91 18.282c-17.557 20.992-45.098 24.32-68.48 13.504-5.375-2.517-9.749-4.522-19.477-9.002l-.341-.171c-30.507-14.016-44.33-20.48-61.44-28.885a916 916 0 0 1-104.15-60.459 2796 2796 0 0 1-61.503-41.984c-6.187-4.373-10.731-7.893-20.288-15.616l-2.539-2.048-3.712-2.987c-1.6-1.28-2.88-2.261-4.267-3.328a287 287 0 0 0-8.234-5.994 251 251 0 0 1-16.363-12.331 203 203 0 0 1-14.656-13.61 254 254 0 0 0-6.23-6.06c-4.565-4.223-8.298-7.68-16.618-15.253-12.075-11.05-19.093-17.493-25.6-23.637l-4.288-4.096-2.197-2.112c-9.387-9.067-16.747-16.683-31.787-32.683l-1.067-1.13-3.2-3.414-4.629-4.906-.768-.811a888 888 0 0 1-31.893-34.987 1044 1044 0 0 1-36.48-45.546l-1.856-2.411-3.606-4.757c-5.397-7.147-11.093-14.848-20.778-28.011l-11.35-15.36-.362-.49-2.475-2.347a42.5 42.5 0 0 1-4.565-5.654l-1.92-3.114a426 426 0 0 1-2.71-4.971l-.682-1.259a140 140 0 0 0-4.267-7.509 594 594 0 0 0-7.787-12.053 442 442 0 0 1-13.866-22.038l-6.187-10.56-.96-1.664c-17.728-30.293-25.685-44.352-34.944-62.357-10.837-21.099-19.413-39.339-35.712-75.35l-1.6-3.562-2.39-5.248c-13.46-29.739-3.2-57.387 22.337-74.581 4.245-2.859 7.765-5.376 15.786-11.243a755 755 0 0 1 29.142-20.395c6.293-4.266 9.066-6.144 12.437-8.49a69 69 0 0 0 3.03-2.326l2.175-1.706a111 111 0 0 1 5.12-3.776l3.84-2.667 15.019-10.283a2362 2362 0 0 0 35.37-24.533l.171-.15 14.464-10.154 1.131-.79c18.133-12.629 26.24-18.24 36.48-25.215zm26.645 85.226-2.56 1.814-11.733 8.17-1.152.79-14.08 9.898a2438 2438 0 0 1-30.4 21.163l-6.102 4.181a4657 4657 0 0 0-14.72 10.112l-3.733 2.56c-.49.342-1.173.854-3.008 2.347-3.264 2.56-4.885 3.797-7.339 5.504-3.712 2.56-6.677 4.565-13.184 8.96a687 687 0 0 0-26.602 18.624l-1.878 1.365 1.003 2.219c11.093 24.363 18.133 39.253 25.984 54.656l1.984 3.861c8.32 16.192 15.744 29.334 32.683 58.283l.981 1.685 6.25 10.71c2.774 4.778 5.377 8.832 11.371 17.984 4.48 6.784 6.443 9.856 8.918 13.802 2.282 3.67 4.074 6.827 6.912 12.075l-.342-.64 1.408 1.536 2.198 2.752c4.053 5.44 7.296 9.813 14.442 19.541 7.424 10.07 12.395 16.811 16.662 22.528l3.541 4.694a637 637 0 0 0 5.163 6.784 968 968 0 0 0 33.557 41.941c7.573 8.875 14.25 16.128 29.099 31.872l.768.81 4.693 4.971.981 1.024 1.323 1.408.96 1.046 1.067 1.109c14.08 15.019 20.757 21.91 28.821 29.696 8.128 7.83 14.933 14.123 30.293 28.16l13.739 12.587 3.499 3.242c2.474 2.304 4.309 4.096 8.128 7.894 4.97 4.906 7.018 6.826 9.194 8.661 2.603 2.155 5.142 4.053 11.264 8.384a349 349 0 0 1 22.848 17.493c8.235 6.614 11.798 9.387 15.958 12.331 17.813 12.565 36.672 25.387 59.648 40.704a832 832 0 0 0 94.464 54.89c16.256 7.98 29.653 14.251 59.52 27.99l.32.15.234.106.726-1.024 10.09-14.613 2.774-4.011c10.41-15.168 15.082-21.93 20.992-30.357 6.25-8.96 11.306-16.064 22.613-31.958l2.773-3.904a5091 5091 0 0 0 32.086-45.653l2.901-4.181.235-.342-5.419-3.861a3443 3443 0 0 0-12.608-8.896l-6.784-4.736c-10.71-7.51-19.392-13.504-38.87-26.901l-.17-.128-20.715-14.294-6.4-4.416a1515 1515 0 0 1-35.904-25.322l-4.16-3.051-1.642 2.347-2.624 3.797-2.88 4.139-1.963 2.816-7.893 11.349a101.3 101.3 0 0 1-18.24 19.03 93 93 0 0 1-9.942 7.274 52 52 0 0 1-9.13 4.608c-4.054 1.515-4.054 1.515-11.606 2.837-11.008.768-11.008.768-29.952-8.042l-3.178-2.304-8.576-6.208a1082 1082 0 0 1-31.126-22.976l-5.205-4.011-2.09-1.621c-21.931-16.875-32.683-25.494-45.185-36.651a1129 1129 0 0 1-60.16-57.707 1087 1087 0 0 1-52.416-58.88c-9.045-10.816-15.829-19.669-30.208-38.933l-.32-.427c-4.117-5.525-6.037-8.106-8.362-11.157a320 320 0 0 1-11.392-16.32l-.171-.256-2.581-3.84c-15.488-22.912-11.456-54.037 15.808-69.696 4.608-2.645 8.64-5.205 12.202-7.744a3046 3046 0 0 0 22.87-16.47l.426-.34-2.048-2.923-5.12-7.275-2.944-4.16a5336 5336 0 0 1-11.584-16.448l-4.97-7.083-.171-.213-24.107-34.475-3.669-5.29-1.877-2.688-2.71-3.926c-2.73-3.925-5.632-8.149-10.517-15.274l-.128-.15c-8.363-12.16-12.117-17.6-16.79-24.277l-1.813-2.603-.768-1.109-2.453-3.477z" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/PicCenter.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 PicCenter: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PicCenter.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 PicCenter = forwardRef(function PicCenter(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M981.333 896H42.667v-85.333h938.666zm-224-640A42.667 42.667 0 0 1 800 298.667v384a42.667 42.667 0 0 1-42.667 42.666H266.667A42.667 42.667 0 0 1 224 682.667v-384A42.667 42.667 0 0 1 266.667 256zM170.667 668.437h-128v-85.333h128zm810.666 0h-128v-85.333h128zM569.045 544.256c-.426-.32-8.064-.427-8.768.17L450.048 640h222.059zM309.333 640h43.03l165.973-143.915c25.259-21.888 69.845-21.418 94.272 1.28l102.059 94.784V341.333H309.333zM384 384a53.333 53.333 0 1 1 0 106.667A53.333 53.333 0 0 1 384 384m-213.333 56.896h-128v-85.333h128zm810.666 0h-128v-85.333h128zm0-227.563H42.667V128h938.666z" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/PicLeft.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 PicLeft: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PicLeft.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 PicLeft = forwardRef(function PicLeft(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M981.333 810.667V896H42.667v-85.333zM576 277.333A42.667 42.667 0 0 1 618.667 320v384A42.667 42.667 0 0 1 576 746.667H85.333A42.667 42.667 0 0 1 42.667 704V320a42.667 42.667 0 0 1 42.666-42.667zm405.333 391.104h-320v-85.333h320zM128 661.333h43.03L337.002 517.42c25.258-21.888 69.845-21.419 94.272 1.28l102.058 94.784V362.667H128zm259.712-95.744c-.427-.32-8.064-.426-8.768.171l-110.23 95.573h222.06zM202.667 405.333a53.333 53.333 0 1 1 0 106.667 53.333 53.333 0 0 1 0-106.667m778.666 35.563h-320v-85.333h320zm0-227.563H42.667V128h938.666z" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/PicRight.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 PicRight: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PicRight.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 PicRight = forwardRef(function PicRight(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M981.333 810.667V896H42.667v-85.333zm-42.666-533.334A42.667 42.667 0 0 1 981.333 320v384a42.667 42.667 0 0 1-42.666 42.667H448A42.667 42.667 0 0 1 405.333 704V320A42.667 42.667 0 0 1 448 277.333zM341.333 668.437H42.667v-85.333h298.666zm149.334-7.104h43.029L699.669 517.42c25.259-21.888 69.846-21.419 94.272 1.28L896 613.483V362.667H490.667zm259.712-95.744c-.427-.32-8.064-.426-8.768.171l-110.23 95.573H853.44zM565.333 405.333a53.333 53.333 0 1 1 0 106.667 53.333 53.333 0 0 1 0-106.667m-224 35.563H42.667v-85.333h298.666zm640-227.563H42.667V128h938.666z" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/Picture.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 Picture: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Picture.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+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 Picture = forwardRef(function Picture(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M896 85.333A42.667 42.667 0 0 1 938.667 128v720.47c.341 4.287.362 8.575 0 12.8V896A42.667 42.667 0 0 1 896 938.667H128A42.667 42.667 0 0 1 85.333 896V128A42.667 42.667 0 0 1 128 85.333zM652.63 598.485c-1.153-1.493-6.635-1.578-7.958 0L432.384 853.333h417.643l.704-.042zM170.666 853.333h150.677l257.75-309.461c36.16-43.37 106.24-42.325 140.906 2.24l133.333 171.499V170.667H170.667zm192-618.666a128 128 0 1 1 0 256 128 128 0 0 1 0-256m0 85.333a42.667 42.667 0 1 0 0 85.333 42.667 42.667 0 0 0 0-85.333" }),
+  );
+  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: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/PictureFill.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 PictureFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};