@nstc-design/icons 0.0.3 → 0.0.4

package/packages/react/icons/SettingFill.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 SettingFill = forwardRef(function SettingFill(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": "M588.075 87.253a42.67 42.67 0 0 1 49.408-21.717 468.6 468.6 0 0 1 194.026 108.587c13.824 12.842 17.558 33.216 9.216 50.133A84.84 84.84 0 0 0 832 261.909c0 47.147 38.187 85.334 85.013 85.334h1.814a42.67 42.67 0 0 1 41.002 29.866 469.3 469.3 0 0 1 21.504 140.8c0 32-3.2 63.616-9.514 94.507a42.667 42.667 0 0 1-45.995 33.92 85.333 85.333 0 0 0-73.77 139.904 42.667 42.667 0 0 1-1.857 57.088 469.2 469.2 0 0 1-204.074 124.459 42.667 42.667 0 0 1-52.822-27.883 85.397 85.397 0 0 0-162.602 0 42.667 42.667 0 0 1-52.822 27.883 469.2 469.2 0 0 1-204.096-124.459 42.667 42.667 0 0 1-1.834-57.088 85.333 85.333 0 0 0-73.771-139.904 42.667 42.667 0 0 1-45.995-33.92 471.3 471.3 0 0 1-9.514-94.507c0-48.256 7.296-95.616 21.504-140.8a42.67 42.67 0 0 1 41.002-29.866h1.494a85.333 85.333 0 0 0 76.586-122.987 42.67 42.67 0 0 1 9.216-50.133A468.65 468.65 0 0 1 386.517 65.536a42.67 42.67 0 0 1 49.408 21.739 85.333 85.333 0 0 0 152.15 0zM512 389.931a128 128 0 1 0 0 256 128 128 0 0 0 0-256" }),
+  );
+  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/SettingHexagon.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 SettingHexagon: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/SettingHexagon.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 SettingHexagon = forwardRef(function SettingHexagon(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": "M725.333 106.667a42.67 42.67 0 0 1 36.779 21.034l213.333 362.667a42.67 42.67 0 0 1 0 43.264L762.112 896.299a42.67 42.67 0 0 1-36.779 21.034H298.667a42.67 42.67 0 0 1-36.758-21.034L48.555 533.632a42.67 42.67 0 0 1 0-43.264l213.333-362.667a42.67 42.67 0 0 1 36.779-21.034zM134.827 511.979 323.093 832h377.814l188.245-320-188.224-320H323.072zM512 341.333a170.667 170.667 0 1 1 0 341.334 170.667 170.667 0 0 1 0-341.334m0 85.334a85.333 85.333 0 1 0 0 170.666 85.333 85.333 0 0 0 0-170.666" }),
+  );
+  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/SettingHexagonFill.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 SettingHexagonFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/SettingHexagonFill.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 SettingHexagonFill = forwardRef(function SettingHexagonFill(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": "M725.333 106.667a42.67 42.67 0 0 1 36.779 21.034l213.333 362.667a42.67 42.67 0 0 1 0 43.264L762.112 896.299a42.67 42.67 0 0 1-36.757 21.034H298.667a42.67 42.67 0 0 1-36.779-21.034L48.555 533.632a42.67 42.67 0 0 1 0-43.264l213.333-362.667a42.67 42.67 0 0 1 36.8-21.034h426.667zM512 405.333a128 128 0 1 0 0 256 128 128 0 0 0 0-256" }),
+  );
+  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/SettingRound.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 SettingRound: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/SettingRound.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 SettingRound = forwardRef(function SettingRound(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": "M588.075 87.04a42.84 42.84 0 0 1 49.408-21.504 470 470 0 0 1 194.026 107.456c13.803 12.693 17.558 32.853 9.216 49.579A83.2 83.2 0 0 0 832 259.819c0 46.613 38.187 84.437 85.333 84.437h1.195a42.62 42.62 0 0 1 41.301 29.568 459.7 459.7 0 0 1 21.504 139.285c0 31.659-3.2 62.955-9.514 93.526a42.624 42.624 0 0 1-45.995 33.536 88 88 0 0 0-8.49-.406c-47.147 0-85.334 37.803-85.334 84.416 0 20.246 7.168 39.275 20.053 54.4 14.08 16.534 13.312 40.918-1.856 56.512A470.1 470.1 0 0 1 646.123 958.23a42.75 42.75 0 0 1-52.822-27.605A85.31 85.31 0 0 0 512 871.957a85.31 85.31 0 0 0-81.301 58.667 42.75 42.75 0 0 1-52.822 27.605 470.1 470.1 0 0 1-204.096-123.136 41.9 41.9 0 0 1-1.834-56.512 83.4 83.4 0 0 0 20.053-54.4c0-46.613-38.187-84.416-85.333-84.416a88 88 0 0 0-8.491.406c-21.76 2.112-41.6-12.374-45.995-33.536a461.7 461.7 0 0 1-9.514-93.526c0-47.744 7.317-94.592 21.504-139.306a42.62 42.62 0 0 1 41.301-29.547h1.195c47.146 0 85.333-37.824 85.333-84.437a83.2 83.2 0 0 0-8.747-37.248 41.9 41.9 0 0 1 9.216-49.579A470.04 470.04 0 0 1 386.517 65.536c19.542-5.333 40.192 3.627 49.408 21.504A85.42 85.42 0 0 0 512 133.163c32.427 0 61.59-18.027 76.075-46.123m53.056 72.15A171.29 171.29 0 0 1 512 217.6a171.29 171.29 0 0 1-129.13-58.41l-2.603-3.073-.214.064a384.5 384.5 0 0 0-106.197 58.88l-2.197 1.728 1.216 4.544a167.3 167.3 0 0 1 4.266 30.678l.192 7.808c0 80.938-57.557 148.586-134.4 165.034l-4.714.939-1.558 6.677a377 377 0 0 0-8.469 68.928L128 513.11c0 11.136.47 22.208 1.43 33.195l1.087 10.667 2.304.32c80.128 12.202 141.888 79.573 144.427 161.642l.085 5.248a167 167 0 0 1-17.28 74.112l-.554 1.046 4.672 4.01a384.8 384.8 0 0 0 100.693 60.8l3.285 1.323.832-1.28a171.14 171.14 0 0 1 137.152-76.587l5.867-.085a171.16 171.16 0 0 1 143.019 76.672l.81 1.28 3.286-1.301a384.6 384.6 0 0 0 100.693-60.8l4.672-4.054-.533-1.024a166.9 166.9 0 0 1-17.131-66.986l-.15-7.147c0-84.459 62.678-154.453 144.513-166.89l2.282-.32 1.11-10.667a379 379 0 0 0 1.28-22.08l.149-11.115c0-27.392-2.944-54.4-8.661-80.64l-1.6-6.677-4.694-.939c-75.136-16.085-131.861-81.173-134.293-159.787l-.085-5.205c0-13.077 1.493-25.984 4.458-38.485l1.195-4.544-2.176-1.75a384.5 384.5 0 0 0-106.197-58.858l-.235-.064-2.581 3.072zM512 344.255c94.25 0 170.667 75.584 170.667 168.853 0 93.248-76.416 168.875-170.667 168.875s-170.667-75.627-170.667-168.875c0-93.269 76.416-168.853 170.667-168.853m0 84.437c-47.125 0-85.333 37.782-85.333 84.416s38.186 84.438 85.333 84.438 85.333-37.803 85.333-84.438-38.208-84.416-85.333-84.416" }),
+  );
+  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/Share.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 Share: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Share.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 Share = forwardRef(function Share(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": "M449.664 170.667H170.667v682.666h682.666V576.981h85.334V896A42.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.333h321.664zM896 85.333A42.667 42.667 0 0 1 938.667 128v341.333h-85.334V230.997L550.4 533.931 490.07 473.6l302.933-302.933H554.667V85.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/Shop.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 Shop: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Shop.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 Shop = forwardRef(function Shop(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 85.333a42.67 42.67 0 0 1 41.387 32.32l42.667 170.667a42.2 42.2 0 0 1 1.28 10.347V384A148.84 148.84 0 0 1 896 488.49V896a42.667 42.667 0 0 1-42.667 42.667H170.667A42.667 42.667 0 0 1 128 896V494.656a138.22 138.22 0 0 1-42.667-99.99v-96c0-3.498.427-6.975 1.28-10.346l42.667-170.667a42.67 42.67 0 0 1 41.387-32.32zM635.797 480.896a197.04 197.04 0 0 1-127.296 52.33l-6.57.107h-1.195a197 197 0 0 1-133.867-52.437l-4.202-4.053-4.203 4.053a197.04 197.04 0 0 1-127.296 52.33l-6.57.107H224c-3.584 0-7.147-.192-10.667-.448v320.448h149.334V640a42.667 42.667 0 0 1 42.666-42.667h213.334A42.667 42.667 0 0 1 661.333 640v213.333h149.334V531.776c-6.976 1.003-14.08 1.557-21.334 1.557H778.07a197 197 0 0 1-133.866-52.437L640 476.843zM448 853.333h128V682.667H448zm-277.333-549.44v90.774a53.333 53.333 0 0 0 49.834 53.226L224 448h.597a111.7 111.7 0 0 0 99.904-61.76c15.723-31.445 60.608-31.445 76.331 0A111.7 111.7 0 0 0 500.736 448h1.195a111.7 111.7 0 0 0 99.904-61.76c15.722-31.445 60.608-31.445 76.33 0A111.7 111.7 0 0 0 778.07 448h11.264a64 64 0 0 0 64-64v-80.021l-33.322-133.312H203.968z" }),
+  );
+  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/ShoppingBag.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 ShoppingBag: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/ShoppingBag.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 ShoppingBag = forwardRef(function ShoppingBag(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": "M843.861 85.333a42.667 42.667 0 0 1 42.326 37.44l94.826 768a42.667 42.667 0 0 1-42.346 47.894H85.333a42.667 42.667 0 0 1-42.346-47.894l94.805-768a42.667 42.667 0 0 1 42.368-37.44zm-710.293 768h756.843l-84.267-682.666H217.856l-84.267 682.666zm227.115-567.552c3.712 11.734 8.405 22.848 13.653 32.214a169.71 169.71 0 0 0 148.267 87.338 170.11 170.11 0 0 0 162.026-118.997l81.387 25.707c-33.301 105.514-131.285 178.624-243.392 178.624-93.44 0-177.984-50.816-222.805-131.051a261 261 0 0 1-20.48-48.064l81.344-25.75z" }),
+  );
+  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/ShoppingCart.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 ShoppingCart: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/ShoppingCart.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 ShoppingCart = forwardRef(function ShoppingCart(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": "M277.333 768a106.667 106.667 0 1 1 0 213.333 106.667 106.667 0 0 1 0-213.333m597.334 0a106.667 106.667 0 1 1 0 213.333 106.667 106.667 0 0 1 0-213.333m-597.334 85.333a21.333 21.333 0 1 0 0 42.667 21.333 21.333 0 0 0 0-42.667m597.334 0a21.333 21.333 0 1 0 0 42.667 21.333 21.333 0 0 0 0-42.667M160 42.667a42.67 42.67 0 0 1 41.387 32.32l32 128 2.602 10.346h702.678a42.667 42.667 0 0 1 41.6 52.118L873.6 734.784A42.67 42.67 0 0 1 832 768H309.333a42.67 42.67 0 0 1-41.6-33.216L161.067 265.451l-.086-.384h-.021L126.677 128h-84.01V42.667zm183.381 640h454.55l87.274-384h-629.12z" }),
+  );
+  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/Shuffle.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 Shuffle: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Shuffle.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 Shuffle = forwardRef(function Shuffle(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": "M926.165 234.667a42.667 42.667 0 0 1 0 60.33L776.832 444.331 716.502 384l76.48-76.501H736a202.667 202.667 0 0 0 0 405.333h56.96l-76.459-76.501L776.832 576l149.333 149.333a42.667 42.667 0 0 1 0 60.331L776.832 934.997l-60.33-60.33 76.48-76.502H736c-101.547 0-190.784-52.544-242.07-131.925-49.983 85.312-142.591 142.592-248.597 142.592h-160v-85.333h160a202.667 202.667 0 0 0 0-405.334h-160v-85.333h160c101.526 0 190.763 52.544 242.048 131.904A287.87 287.87 0 0 1 736 222.166h56.96l-76.459-76.502 60.331-60.33z" }),
+  );
+  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/Shujuyingshe.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 Shujuyingshe: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Shujuyingshe.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 Shujuyingshe = forwardRef(function Shujuyingshe(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    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": "M347.546 712.96V311.04h-73.063v401.92z", "fill": originColor ? "#8bcfff" : "currentColor" }), createElement("path", { "d": "M749.517 374.989V512c0 17.05-11.776 31.846-28.467 35.635l-401.92 91.341-16.18-71.27 373.402-84.89V374.989h73.114z", "fill": originColor ? "#8bcfff" : "currentColor" }), createElement("path", { "d": "M310.989 110.08a127.898 127.898 0 1 1 0 255.795 127.898 127.898 0 0 1 0-255.795m0 73.062a54.784 54.784 0 1 0 .051 109.62 54.784 54.784 0 0 0 0-109.568zm401.92-36.556a127.898 127.898 0 1 1 0 255.846 127.898 127.898 0 0 1 0-255.846m.051 73.113a54.784 54.784 0 1 0 0 109.568 54.784 54.784 0 0 0 0-109.568M310.989 658.176a127.898 127.898 0 1 1 0 255.795 127.898 127.898 0 0 1 0-255.795", "fill": originColor ? "#007aff" : "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: buttonStyle,
+    },
+    svg,
+  );
+});

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

package/packages/react/icons/Shujuzidian.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 Shujuzidian = forwardRef(function Shujuzidian(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    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": "M341.35 85.35a213.35 213.35 0 0 1 213.3 213.3V896c0 56.883-85.3 56.883-85.3 0 0-47.104-38.195-85.35-85.35-85.35H128A42.65 42.65 0 0 1 85.35 768V128c0-23.552 19.098-42.65 42.65-42.65z", "fill": originColor ? "#007aff" : "currentColor" }), createElement("path", { "d": "M469.35 298.65a213.35 213.35 0 0 1 213.3-213.3H896c23.552 0 42.65 19.098 42.65 42.65v640c0 23.552-19.098 42.65-42.65 42.65H640c-47.104 0-85.35 38.195-85.35 85.35 0 56.883-85.3 56.883-85.3 0z", "fill": originColor ? "#5db6ff" : "currentColor" }), createElement("path", { "d": "M853.35 170.65h-170.7a128 128 0 0 0-128 128v449.536l2.048-1.178c23.244-13.005 49.715-20.736 77.977-21.606l5.325-.052h213.35z", "fill": originColor ? "#8bcfff" : "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: buttonStyle,
+    },
+    svg,
+  );
+});

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