@nstc-design/icons 0.1.0 → 0.2.0

package/packages/react/icons/PointerFill.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 PointerFill = forwardRef(function PointerFill(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": "M87.723 141.824c-11.478-33.536 20.608-65.643 54.165-54.187l768 262.422 3.328 1.28c34.39 14.762 34.283 64.981-1.75 78.89L564.289 564.203l-133.973 347.2c-14.358 37.162-67.307 36.117-80.214-1.579l-262.4-768z" }),
+  );
+  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/Position.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 Position: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Position.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 Position = forwardRef(function Position(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": "M486.699 93.653a42.67 42.67 0 0 1 50.624 0l336.128 247.68h1.216v.896l67.968 50.091 34.346 25.301-50.602 68.694-34.347-25.302-17.365-12.8V896A42.667 42.667 0 0 1 832 938.667H192A42.667 42.667 0 0 1 149.333 896V448.213l-17.344 12.8-34.346 25.323-50.646-68.693 34.347-25.323 67.99-50.133v-.854h1.215zM234.667 385.365v467.968h554.666V385.365L512 180.992zm192 254.635A21.333 21.333 0 0 1 448 661.333v128a21.333 21.333 0 0 1-21.333 21.334h-128a21.333 21.333 0 0 1-21.334-21.334v-128A21.333 21.333 0 0 1 298.667 640zm192 0A21.333 21.333 0 0 1 640 661.333v128a21.333 21.333 0 0 1-21.333 21.334h-128a21.333 21.333 0 0 1-21.334-21.334v-128A21.333 21.333 0 0 1 490.667 640zm-192-192A21.333 21.333 0 0 1 448 469.333v128a21.333 21.333 0 0 1-21.333 21.334h-128a21.333 21.333 0 0 1-21.334-21.334v-128A21.333 21.333 0 0 1 298.667 448z" }),
+  );
+  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/PositionManaged.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 PositionManaged: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PositionManaged.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 PositionManaged = forwardRef(function PositionManaged(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": "M309.333 42.667c132.395 0 245.334 59.456 245.334 149.333 0 3.605-.214 7.168-.555 10.667h.555V352c0 89.877-112.939 149.333-245.334 149.333-60.33 0-116.586-12.416-160-34.346V512c0 27.947 68.523 64 160 64 33.771 0 65.856-4.97 93.142-13.824v88.576a405 405 0 0 1-93.142 10.581c-60.33 0-116.586-12.416-160-34.346V672c0 27.947 68.523 64 160 64 27.35 0 52.63-3.264 74.667-8.533v87.21c-23.68 4.352-48.79 6.656-74.667 6.656-60.33 0-116.586-12.416-160-34.346V832c0 27.947 68.523 64 160 64 45.824 0 85.91-9.067 114.475-21.632v90.752c-34.453 10.517-73.536 16.213-114.475 16.213C176.94 981.333 64 921.9 64 832V682.667h.555A105 105 0 0 1 64 672V522.667h.555A105 105 0 0 1 64 512V362.667h.555A105 105 0 0 1 64 352V202.667h.555A105 105 0 0 1 64 192c0-89.877 112.939-149.333 245.333-149.333m373.334 426.666c141.376 0 256 114.624 256 256s-114.624 256-256 256-256-114.624-256-256 114.624-256 256-256m0 64a192 192 0 1 0 0 384 192 192 0 0 0 0-384m128 266.667h-143.68l9.258 8.747 23.254 22.016-44.032 46.464-23.254-21.995-67.541-64C543.659 771.328 557.739 736 586.667 736h224zm-77.568-204.565 67.562 64c21.014 19.904 6.934 55.232-21.994 55.232h-224v-64h143.68l-9.259-8.747-23.253-22.016 44.032-46.464 23.253 21.995zM469.333 306.987c-43.413 21.93-99.669 34.346-160 34.346-60.33 0-116.586-12.416-160-34.346V352c0 27.947 68.523 64 160 64s160-36.053 160-64zM309.333 128c-91.477 0-160 36.053-160 64s68.523 64 160 64 160-36.053 160-64-68.522-64-160-64" }),
+  );
+  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/Positive.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 Positive: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Positive.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 Positive = forwardRef(function Positive(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 938.667H85.333v-64h85.334zm192 0h-85.334v-128h85.334zm192 0h-85.334V661.333h85.334zm192 0h-85.334V512h85.334zm192-.64h-85.334V383.36h85.334zM896 85.333c40.619 0 58.24 51.414 26.176 76.374l-768 597.333-52.373-67.413 669.866-520.96H439.36V85.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/Power.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 Power: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Power.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 Power = forwardRef(function Power(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": "M746.56 112.32a470 470 0 0 1 117.333 95.232 461.87 461.87 0 0 1 117.44 308.16c0 257.237-210.218 465.621-469.333 465.621S42.667 772.95 42.667 515.712a461.87 461.87 0 0 1 117.461-308.16A470.6 470.6 0 0 1 277.44 112.32l37.013-21.205 42.454 74.026-37.014 21.206a385.1 385.1 0 0 0-96 77.973A376.53 376.53 0 0 0 128 515.712C128 725.653 299.84 896 512 896s384-170.347 384-380.288a376.53 376.53 0 0 0-95.872-251.392 385.4 385.4 0 0 0-96.021-77.973l-37.014-21.227 42.454-74.027zM554.667 42.667V640h-85.334V42.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/PreciousMetal.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 PreciousMetal: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PreciousMetal.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 PreciousMetal = forwardRef(function PreciousMetal(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": "m284.373 503.339-80.704 13.418 152.299 137.067 1.536-.256 170.517-20.843a42.67 42.67 0 0 1 44.374 25.472l64.128 148.843a42.667 42.667 0 0 1-32.683 59.05l-277.333 42.667a42.71 42.71 0 0 1-36.672-12.01L55.168 662.08a42.67 42.67 0 0 1-9.045-46.976l64-149.333a42.67 42.67 0 0 1 32.213-25.28l128-21.334 14.016 84.182zm602.368 65.6c21.334-4.736 42.838 7.424 49.75 28.16l42.666 128a42.667 42.667 0 0 1-30.165 54.89l-256 64a42.667 42.667 0 0 1-52.565-47.424l21.333-149.333a42.69 42.69 0 0 1 32.981-35.627zm-489.77 165.76-20.011 79.957 159.36-24.533-29.653-68.8L396.97 734.72zM135.893 622.165l160.96 160.96 13.824-55.253L151.83 584.939zm606.102 66.347-8.128 57.301 149.76-37.44-15.958-47.786-125.653 27.904zm-277.76-559.36a42.71 42.71 0 0 1 36.266 8.107l248.896 197.184a42.6 42.6 0 0 1 14.251 20.778l48.875 157.398a42.667 42.667 0 0 1-32.747 54.57l-232.832 44.438a42.67 42.67 0 0 1-36.757-10.368L239.808 354.773a42.67 42.67 0 0 1-9.6-50.218l57.43-117.952a42.69 42.69 0 0 1 28.629-22.87l148.01-34.624zm138.41 306.816-12.373 80.512 126.57-24.17-23.253-74.923-90.944 18.56zm-281.77-122.73 187.989 171.349 9.003-58.667L340.16 273.621zm96.746-85.569L567.51 356.053l57.067-11.648-160.939-127.488z" }),
+  );
+  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/PreciousPlaneMetal.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 PreciousPlaneMetal: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PreciousPlaneMetal.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 PreciousPlaneMetal = forwardRef(function PreciousPlaneMetal(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": "M405.333 533.333c21.056 0 38.976 15.36 42.176 36.182l42.667 277.333A42.667 42.667 0 0 1 448 896H85.333a42.667 42.667 0 0 1-42.176-49.152l42.667-277.333A42.67 42.67 0 0 1 128 533.333zm490.667 0c21.056 0 38.976 15.36 42.176 36.182l42.667 277.333A42.667 42.667 0 0 1 938.667 896H576a42.667 42.667 0 0 1-42.176-49.152l42.667-277.333a42.67 42.67 0 0 1 42.176-36.182zM135.04 810.667h263.232l-29.547-192H164.587zm490.667 0h263.232l-29.547-192H655.253zM699.733 128a42.67 42.67 0 0 1 42.07 35.541l46.933 277.334a42.667 42.667 0 0 1-42.048 49.792H277.333a42.667 42.667 0 0 1-42.09-49.792l46.933-277.334A42.67 42.67 0 0 1 324.266 128zM327.808 405.333h368.363l-32.491-192H360.32z" }),
+  );
+  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/PrefectureAmount.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 PrefectureAmount: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PrefectureAmount.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 PrefectureAmount = forwardRef(function PrefectureAmount(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": "M938.667 85.333A42.667 42.667 0 0 1 981.333 128v298.667H896v-256H128v682.666h341.333v85.334h-384A42.667 42.667 0 0 1 42.667 896V128a42.667 42.667 0 0 1 42.666-42.667zm-192 384c129.6 0 234.666 105.067 234.666 234.667S876.267 938.667 746.667 938.667 512 833.6 512 704s105.067-234.667 234.667-234.667M705.067 736c5.205 79.573 28.458 138.667 41.6 138.667 13.141 0 36.394-59.094 41.6-138.667zm-126.038 0a170.77 170.77 0 0 0 82.091 115.627c-11.093-32.555-18.005-72.278-20.267-115.627zm273.451 0c-2.261 43.35-9.173 83.072-20.288 115.627A170.77 170.77 0 0 0 914.325 736zM661.12 556.33A170.8 170.8 0 0 0 579.03 672h61.823c2.262-43.35 9.174-83.093 20.267-115.67m85.547-22.997c-13.142 0-36.395 59.094-41.6 138.667h83.2c-5.227-79.573-28.48-138.667-41.6-138.667m85.525 22.998c11.093 32.576 18.005 72.32 20.288 115.669h61.824a170.8 170.8 0 0 0-82.133-115.67zm-396.31-330.816c23.766 0 41.558 8.874 53.42 26.325l.17.235c7.595 11.221 12.587 25.834 15.19 43.648.405 2.666.767 5.418 1.066 8.234.15 1.643.256 3.328.384 5.014.47 6.186.79 12.714.79 19.562a209.4 209.4 0 0 1-3.457 38.656 130 130 0 0 1-3.776 14.614 110 110 0 0 1-3.989 10.346 87 87 0 0 1-7.659 13.867 64 64 0 0 1-20.629 19.499 60.5 60.5 0 0 1-11.435 5.12c-7.253 2.432-15.189 3.669-23.829 3.669-25.707 0-44.587-9.813-56.64-29.056a72 72 0 0 1-1.75-2.944l-.255-.427c-9.387-16.853-13.867-39.957-13.867-68.842a211 211 0 0 1 1.344-25.6 162 162 0 0 1 4.267-23.04 123 123 0 0 1 4.16-12.651c2.624-6.592 5.76-12.565 9.493-17.899a65.34 65.34 0 0 1 22.997-20.586 60.4 60.4 0 0 1 9.6-4.054 69.2 69.2 0 0 1 14.763-3.2 89 89 0 0 1 9.643-.49m157.867 0c23.766 0 41.579 8.874 53.419 26.325l.192.235c7.573 11.221 12.565 25.834 15.19 43.648a222 222 0 0 1 1.045 8.234c.149 1.643.256 3.328.384 5.014.49 6.186.789 12.714.789 19.562a209.4 209.4 0 0 1-3.435 38.656l-.213 1.024a130 130 0 0 1-3.563 13.568 109 109 0 0 1-3.968 10.368 87 87 0 0 1-7.68 13.867 64 64 0 0 1-20.608 19.499 60.5 60.5 0 0 1-11.456 5.12c-7.253 2.432-15.168 3.669-23.829 3.669-25.707 0-44.587-9.813-56.64-29.056a72 72 0 0 1-1.75-2.944l-.255-.427c-9.387-16.853-13.867-39.957-13.867-68.842a211 211 0 0 1 1.365-25.6 162 162 0 0 1 4.267-23.04 123 123 0 0 1 4.16-12.651c2.624-6.592 5.76-12.565 9.472-17.899a65.34 65.34 0 0 1 22.997-20.586 60.4 60.4 0 0 1 9.6-4.054 69.2 69.2 0 0 1 14.784-3.2 94 94 0 0 1 9.622-.49zm157.867 0c23.765 0 41.6 8.874 53.419 26.325l.213.235c7.573 11.221 12.544 25.834 15.168 43.648.405 2.666.747 5.418 1.045 8.234.171 1.643.256 3.328.384 5.014.491 6.186.811 12.714.811 19.562a209.4 209.4 0 0 1-3.477 38.656 144 144 0 0 1-3.755 14.592 109 109 0 0 1-3.99 10.368 87 87 0 0 1-7.68 13.867 64 64 0 0 1-20.607 19.499 60.3 60.3 0 0 1-11.435 5.12c-7.253 2.432-15.19 3.669-23.83 3.669-25.706 0-44.586-9.813-56.66-29.056a72 72 0 0 1-1.75-2.944l-.235-.427c-9.386-16.853-13.866-39.957-13.866-68.842a211 211 0 0 1 1.365-25.6 162 162 0 0 1 4.245-23.04 119 119 0 0 1 4.16-12.651c2.624-6.592 5.76-12.565 9.472-17.899a65.4 65.4 0 0 1 23.019-20.586 60.4 60.4 0 0 1 9.579-4.054 68.8 68.8 0 0 1 14.784-3.2c3.114-.32 6.314-.49 9.621-.49m-476.373 0c20.309 0 36.608 5.269 48.704 15.872 12.202 10.73 18.325 25.514 18.325 44.032 0 10.218-1.728 19.498-5.205 27.84a81.2 81.2 0 0 1-14.891 23.146c-6.421 7.104-16.512 15.51-30.315 25.238-12.842 9.173-21.44 16.213-25.685 20.97-1.92 2.198-3.35 4.16-4.267 5.91l-.128.256h80.854v42.154H205.376v-18.645c0-10.667 1.984-20.459 5.93-29.355 3.905-8.746 9.26-16.896 16.043-24.426 6.742-7.467 17.067-16.107 30.848-25.878 12.16-9.088 20.63-17.066 25.323-23.829 4.523-6.507 6.741-13.312 6.741-20.501 0-14.976-7.53-21.867-24.234-21.867-15.574 0-30.507 6.272-44.95 18.944l-7.082 6.23v-45.44l1.962-3.585c17.622-11.37 37.419-17.066 59.307-17.066zm155.306 35.541a19.4 19.4 0 0 0-6.4 2.24c-2.005 1.11-3.84 2.603-5.525 4.459-.853.917-1.621 1.941-2.39 3.05-3.071 4.48-5.525 10.39-7.36 17.814a145 145 0 0 0-1.258 5.845c-1.92 10.197-2.859 22.72-2.859 37.568 0 2.795.022 5.504.107 8.107.213 7.85.79 14.933 1.685 21.226 1.195 8.363 2.987 15.36 5.376 20.907 2.368 5.59 5.334 9.792 8.918 12.587a19.4 19.4 0 0 0 12.522 4.181c18.774 0 28.139-22.997 28.139-68.992 0-20.203-1.77-35.99-5.248-47.339a54.5 54.5 0 0 0-3.413-8.661 28.2 28.2 0 0 0-6.742-8.917 17.6 17.6 0 0 0-8.661-4.054l-3.307-.277c-1.237 0-2.432.085-3.562.256zm157.888 0a19.4 19.4 0 0 0-6.4 2.24c-2.005 1.11-3.84 2.603-5.546 4.459a30 30 0 0 0-2.39 3.05c-3.05 4.48-5.525 10.39-7.36 17.814a116 116 0 0 0-1.237 5.845q-2.88 15.296-2.88 37.568c0 2.795.021 5.504.107 8.107.213 7.85.789 14.933 1.685 21.226 1.195 8.363 2.987 15.36 5.376 20.907 2.39 5.59 5.355 9.792 8.939 12.587a19.4 19.4 0 0 0 12.522 4.181c18.752 0 28.118-22.997 28.118-68.992 0-20.203-1.75-35.99-5.248-47.339a54.7 54.7 0 0 0-3.414-8.661 28.2 28.2 0 0 0-6.741-8.917 17.6 17.6 0 0 0-8.661-4.054L592 260.8c-1.216 0-2.41.085-3.563.256m157.867 0a19.4 19.4 0 0 0-6.4 2.24c-2.005 1.11-3.84 2.603-5.547 4.459a30 30 0 0 0-2.368 3.05c-3.072 4.48-5.546 10.39-7.36 17.814-.469 1.856-.853 3.797-1.258 5.845q-2.88 15.296-2.88 37.568c0 2.795.042 5.504.106 8.107.214 7.85.811 14.933 1.707 21.226 1.173 8.363 2.987 15.36 5.355 20.907 2.389 5.59 5.376 9.792 8.96 12.587a19.4 19.4 0 0 0 12.501 4.181c18.752 0 28.139-22.997 28.139-68.992 0-20.203-1.771-35.99-5.248-47.339a54.5 54.5 0 0 0-3.414-8.661c-3.861-7.573-9.002-11.904-15.402-12.992l-3.328-.256c-1.216 0-2.411.085-3.563.256m-522.347 16.427a97 97 0 0 1 5.824-4.054z" }),
+  );
+  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/Preview.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 Preview: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Preview.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 Preview = forwardRef(function Preview(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.333v512h-85.333V128h-640v768h256v85.333H128a42.667 42.667 0 0 1-42.667-42.666V85.333A42.667 42.667 0 0 1 128 42.667zM714.667 640c90.346 0 170.538 52.117 239.68 152.533a32 32 0 0 1 0 36.267c-69.142 100.416-149.334 152.533-239.68 152.533S544.128 929.216 474.987 828.8a32 32 0 0 1 0-36.267C544.128 692.117 624.32 640 714.667 640m0 64c-60.843 0-117.803 33.536-171.478 103.467l-2.41 3.2 2.41 3.2c51.947 67.69 106.966 101.269 165.611 103.36l5.867.106c60.842 0 117.802-33.536 171.477-103.466l2.39-3.222-2.39-3.157c-51.947-67.712-106.965-101.29-165.61-103.381zm0 42.667a64 64 0 1 1 0 128 64 64 0 0 1 0-128M533.333 480H234.667v-85.333h298.666zm213.334-170.667h-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/PreviewClose.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 PreviewClose: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PreviewClose.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 PreviewClose = forwardRef(function PreviewClose(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": "m953.557 323.2-19.712 37.845c-16.213 31.147-40.32 59.712-71.018 84.864-2.774 2.283-5.632 4.502-8.534 6.742L977.9 576.235l-60.352 60.33L779.22 498.22a553.7 553.7 0 0 1-110.25 38.421l45.653 170.368-82.41 22.08-47.787-178.176a704.7 704.7 0 0 1-145.387-.043l-47.744 178.219-82.432-22.08 45.653-170.453a553.7 553.7 0 0 1-109.632-38.251l-138.218 138.24-60.31-60.33 123.456-123.478a351 351 0 0 1-8.618-6.827c-28.331-23.21-51.051-49.365-67.136-77.717l-3.883-7.147-19.712-37.866 75.69-39.382 19.713 37.846c10.602 20.373 27.264 40.106 49.429 58.261 67.307 55.19 176.768 89.43 296.704 89.43 119.915 0 229.419-34.24 296.747-89.43 19.925-16.32 35.413-33.963 46.037-52.181l3.37-6.08 19.691-37.846 75.712 39.382z" }),
+  );
+  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/PreviewOpen.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 PreviewOpen: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/PreviewOpen.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 PreviewOpen = forwardRef(function PreviewOpen(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": "M512 213.333c114.752 0 225.493 52.054 328.939 137.814a916 916 0 0 1 95.936 92.309 761 761 0 0 1 29.952 35.2l6.037 7.83c11.307 15.146 11.307 35.903 0 51.029-5.035 6.741-13.141 16.874-24.107 29.546l-11.882 13.483a916 916 0 0 1-95.936 92.31C737.472 758.613 626.752 810.666 512 810.666s-225.493-52.054-328.96-137.814a916 916 0 0 1-95.915-92.309 758 758 0 0 1-29.952-35.2l-6.058-7.83a42.67 42.67 0 0 1 0-51.029c5.034-6.741 13.141-16.874 24.106-29.546l11.904-13.483a916 916 0 0 1 95.936-92.31C286.55 265.387 397.27 213.334 512 213.334m0 85.334c-91.435 0-184.896 43.946-274.453 118.186a831 831 0 0 0-86.955 83.691L140.48 512l10.112 11.456a831 831 0 0 0 86.955 83.69c89.557 74.24 183.04 118.187 274.453 118.187s184.896-43.946 274.453-118.186a831.5 831.5 0 0 0 86.955-83.691L883.52 512l-10.112-11.456a831.5 831.5 0 0 0-86.955-83.69c-89.536-74.24-182.997-118.187-274.432-118.187zm0 64a149.333 149.333 0 1 1 0 298.666 149.333 149.333 0 0 1 0-298.666M512 448a64 64 0 1 0 0 128 64 64 0 0 0 0-128" }),
+  );
+  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/PreviewOpenFill.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 PreviewOpenFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};