@nstc-design/icons 0.1.0 → 0.1.1

package/packages/react/icons/BuildingFill.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 BuildingFill = forwardRef(function BuildingFill(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": "M544.064 86.677A42.667 42.667 0 0 1 597.334 128v226.09l270.549 98.134A42.67 42.67 0 0 1 896 492.309v361.024h42.667v85.334H85.333v-85.334H128v-626.88a42.67 42.67 0 0 1 32.064-41.322l384-98.475zM256 757.333h170.667V672H256zm384 0h128V672H640zM256 586.667h170.667v-85.334H256zM256 416h170.667v-85.333H256z" }),
+  );
+  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/Business.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 Business: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Business.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 Business = forwardRef(function Business(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 853.333v85.334H192v-85.334zm85.334-768A42.667 42.667 0 0 1 981.333 128v597.333A42.667 42.667 0 0 1 938.667 768H85.333a42.667 42.667 0 0 1-42.666-42.667V128a42.667 42.667 0 0 1 42.666-42.667zM128 682.667h768v-512H128zm647.317-347.798-195.52 229.206a42.667 42.667 0 0 1-68.224-4.438l-64.448-99.136-116.544 131.435-63.829-56.597L420.48 361.963a42.667 42.667 0 0 1 67.69 5.056l63.787 98.176L710.38 279.509z" }),
+  );
+  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/BusinessTrip.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 BusinessTrip: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BusinessTrip.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 BusinessTrip = forwardRef(function BusinessTrip(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-728-759.403a42.67 42.67 0 0 1 42.368-5.205l306.795 130.325 1.75-1.13c78.08-50.219 129.983-83.499 143.893-92.075l1.152-.725C800.064 136 864.448 145.6 904.683 189.547c23.594 24.277 35.69 57.642 33.77 92.224-1.706 29.909-14.997 58.666-36.394 77.61l-1.92 1.579c-17.494 13.76-240.256 156.821-494.251 318.421l-17.579 11.158-44.245 28.16a42.67 42.67 0 0 1-54.677-7.574L96.213 495.51a42.667 42.667 0 0 1 3.734-60.608l57.173-49.962a42.67 42.67 0 0 1 41.43-8.384l63.04 20.778 4.714 1.536 38.613 12.736 2.646.875 4.288 1.408c5.504 1.856 6.912 2.475 5.141 2.496l1.067.107c2.24.362 4.458.896 6.613 1.621-2.155-.725-2.432-.704-1.237-1.152 2.346-.853 4.842-2.368 7.04-4.181l1.706-1.664-66.538-75.584-4.63-5.248-4.544-5.184-70.57-80.171a42.667 42.667 0 0 1 6.357-62.25zm27.03 86.507 40.149 45.632 4.565 5.184 4.608 5.227 70.528 80.149c30.358 34.496 23.872 78.848-5.674 110.144-25.024 26.496-63.211 40.704-96.576 29.717l.106-.426-.938-.214c-11.84-3.264-30.208-9.344-56.491-18.197l-5.76-1.941-5.056-1.664-33.45-11.03-1.451-.49-6.336 5.504L328.81 627.243l3.029-1.92 16.747-10.624 16.704-10.646 49.77-31.68 16.427-10.474c188.288-120 355.35-227.286 403.008-259.136l3.84-2.56a324 324 0 0 0 7.765-5.334l.854-.853c3.264-3.861 5.93-10.347 6.314-17.067a37.55 37.55 0 0 0-10.645-28.864c-13.59-14.848-32.555-17.642-48.448-7.68-11.413 6.955-65.216 41.408-143.637 91.862l-7.531 4.906c-20.267 13.099-45.675 15.254-67.456 5.803L285.013 219.563l-4.693 3.541z" }),
+  );
+  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/Button.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 Button: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Button.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 Button = forwardRef(function Button(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 213.333A42.667 42.667 0 0 1 981.333 256v512a42.667 42.667 0 0 1-42.666 42.667H85.333A42.667 42.667 0 0 1 42.667 768V256a42.667 42.667 0 0 1 42.666-42.667zM128 725.333h768V298.667H128zm413.504-263.68h36.757v47.958l-36.757-.022v61.568c0 12.886 3.69 18.539 11.861 19.328l2.155.086c4.096 0 8.533-1.259 13.248-3.862l9.472-5.248v49.792l-3.307 1.814c-8.213 4.48-19.946 6.613-35.306 6.613-37.824 0-57.728-20.907-57.728-60.352v-69.76l-26.539.043v-47.958h26.539v-33.856l4.65-1.344 46.784-13.418 8.15-2.326v50.944zm-183.893-64.618c6.165 0 11.989.298 17.493.853l.555.064c2.986.32 5.845.704 8.64 1.195l7.509 1.578.235.064 1.429.406c9.43 2.474 17.707 6.101 24.704 10.986 7.168 5.035 12.672 11.094 16.448 18.027a55.3 55.3 0 0 1 6.25 26.027c0 9.728-2.389 18.666-6.997 26.73a55.5 55.5 0 0 1-7.04 9.771c-4.522 5.077-9.664 9.387-15.36 12.864l-1.194.64.426.17c.555.214 1.067.47 1.6.683l2.304.982 1.92.874c1.28.64 2.56 1.344 3.798 2.048l1.6.982a55 55 0 0 1 3.69 2.41l.619.47c1.28.938 2.517 1.92 3.712 2.965l.277.213.15.15a54.5 54.5 0 0 1 17.514 27.989 60.5 60.5 0 0 1 2.027 16.064c0 12.544-2.56 23.808-7.68 33.643a66.4 66.4 0 0 1-16.512 20.224 74.5 74.5 0 0 1-14.208 9.258l-2.41 1.174a87 87 0 0 1-8.854 3.498l-2.688.875c-4.693 1.43-9.664 2.539-14.87 3.307l-2.047.32c-5.974.81-12.246 1.194-18.795 1.194h-90.837v-238.72h86.613zm342.57 60.672c39.659 0 60.075 25.301 60.075 72.896v105.13h-59.605V539.35c0-22.89-7.062-32.682-21.76-32.682-7.04 0-12.715 2.666-17.43 8.192-4.906 5.738-7.381 13.12-7.381 22.442v98.432h-59.904v-174.08h59.904v14.08l2.688-2.474c10.56-9.387 23.53-14.571 38.763-15.424zM325.547 593.45h28.586c10.624 0 19.222-2.155 25.814-6.464l2.709-1.984a27.35 27.35 0 0 0 8.832-13.142 35.2 35.2 0 0 0 1.43-10.346c0-2.368-.214-4.63-.64-6.742a25.26 25.26 0 0 0-9.58-15.424c-5.098-3.925-11.818-6.4-20.138-7.381a76 76 0 0 0-8.875-.49h-28.16v61.973zm372.586-85.696h.022zm-372.586-12.587h22.89c2.731 0 5.334-.17 7.787-.49 3.69-.491 7.04-1.366 10.07-2.603 3.029-1.216 5.738-2.816 8.106-4.779 3.157-2.624 5.525-5.76 7.104-9.45 1.579-3.67 2.368-7.851 2.368-12.587 0-14.187-8.49-22.528-25.493-25.088a75.7 75.7 0 0 0-12.416-.854h-20.416zm413.162-16.427v-.042.021zm-54.613-12.8c-1.28.32-2.496.683-3.69 1.067za56 56 0 0 1 3.84-.789l-3.84.81z" }),
+  );
+  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/Calculation.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 Calculation: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Calculation.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 Calculation = forwardRef(function Calculation(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": "M897.557 512.043a42.667 42.667 0 0 1 42.667 42.666V896a42.667 42.667 0 0 1-42.667 42.667h-341.29A42.667 42.667 0 0 1 513.6 896V752.299h85.333v101.013H854.87V597.376H752.533v-85.333zM801.58 768.299H652.245v-85.334H801.58zM640 85.333A42.667 42.667 0 0 1 682.667 128v512A42.667 42.667 0 0 1 640 682.667H128A42.667 42.667 0 0 1 85.333 640V128A42.667 42.667 0 0 1 128 85.333zm-469.333 512h426.666V170.667H170.667zm256-256h113.77v85.334h-113.77v113.792h-85.334V426.667h-113.77v-85.334h113.77v-113.77h85.334z" }),
+  );
+  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/Calendar.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 Calendar: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/Calendar.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 Calendar = forwardRef(function Calendar(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 149.333h213.334v-64H704v64h234.667A42.667 42.667 0 0 1 981.333 192v704a42.667 42.667 0 0 1-42.666 42.667H85.333A42.667 42.667 0 0 1 42.667 896V192a42.667 42.667 0 0 1 42.666-42.667H320v-64h85.333zM128 853.333h768V426.667H128zm0-512h768V234.667H704v64h-85.333v-64H405.333v64H320v-64H128z" }),
+  );
+  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/CalendarMonthly.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 CalendarMonthly: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/CalendarMonthly.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 CalendarMonthly = forwardRef(function CalendarMonthly(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 149.333h213.334v-64H704v64h234.667A42.667 42.667 0 0 1 981.333 192v704a42.667 42.667 0 0 1-42.666 42.667H85.333A42.667 42.667 0 0 1 42.667 896V192a42.667 42.667 0 0 1 42.666-42.667H320v-64h85.333zM128 853.333h768V426.667H128zm628.33-121.28c0 14.571-3.093 25.664-9.258 33.238-6.144 7.573-14.72 11.712-25.685 12.373-10.944.661-29.312.875-55.04.64a343 343 0 0 0-9.771-38.507c16.512 1.003 30.933 1.494 43.264 1.494 12.992 0 19.499-6.08 19.499-18.24v-18.006H606.933c-2.005 18.326-5.973 32.96-11.946 43.862a151 151 0 0 1-24.427 32.384c-10.987-9.814-21.824-18.987-32.49-27.499 14.911-15.083 24.34-29.952 28.309-44.565 3.946-14.614 5.93-36.864 5.93-66.688V545.3h184v186.752zm-303.36-188.65c24.065 0 42.88 9.045 55.36 27.498 12.16 18.006 17.771 44.203 17.771 77.654 0 33.066-6.144 59.562-19.242 78.677-13.376 19.499-32.875 29.205-57.643 29.205-24.47 0-43.648-8.81-56.427-26.965-12.48-17.728-18.218-43.541-18.218-76.437 0-34.134 6.25-61.227 19.626-80.427 13.654-19.52 33.536-29.227 58.752-29.227zM328.342 753.067h-53.418V606.379l-3.072 1.664a99 99 0 0 1-4.16 1.984l-4.502 1.92c-9.173 3.626-17.664 5.93-25.514 6.826l-7.126.832v-46.613l4.587-1.344c22.101-6.464 41.173-15.787 57.173-27.947l3.883-1.301h32.15zM451.18 580.8c-19.563 0-29.376 23.744-29.376 71.253 0 11.051.618 20.736 1.77 29.056.619 4.267 1.344 8.214 2.262 11.755.426 1.75.938 3.413 1.45 4.97 1.579 4.715 3.478 8.64 5.718 11.798q2.144 3.007 4.736 5.056a19.48 19.48 0 0 0 12.693 4.352c4.693 0 8.81-1.43 12.31-4.31 3.52-2.88 6.463-7.189 8.81-12.927 2.923-7.19 4.928-16.64 6.037-28.31a229 229 0 0 0 .982-23.466c0-20.182-1.771-35.947-5.27-47.318a54 54 0 0 0-3.413-8.661 36 36 0 0 0-2.005-3.499c-4.267-6.506-9.856-9.749-16.704-9.749m157.76 90.496h110.378v-29.248H609.301c0 4.821-.106 14.592-.362 29.227zm.384-63.019h109.994v-29.226H609.301v29.226zm-130.39-53.76h.022zM128 341.333h768V234.667H704v64h-85.333v-64H405.333v64H320v-64H128z" }),
+  );
+  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/CalendarRange.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 CalendarRange: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/CalendarRange.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 CalendarRange = forwardRef(function CalendarRange(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 149.333h213.334v-64H704v64h234.667A42.667 42.667 0 0 1 981.333 192v704a42.667 42.667 0 0 1-42.666 42.667H85.333A42.667 42.667 0 0 1 42.667 896V192a42.667 42.667 0 0 1 42.666-42.667H320v-64h85.333zM128 853.333h768V426.667H128zm405.333-170.666V768H192v-85.333zM832 597.333H362.667V512H832zm-704-256h768V234.667H704v64h-85.333v-64H405.333v64H320v-64H128z" }),
+  );
+  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/CalendarView.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 CalendarView: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/CalendarView.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 CalendarView = forwardRef(function CalendarView(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": "M298.667 725.333a32 32 0 0 1 32 32v149.334a32 32 0 0 1-32 32H149.333a32 32 0 0 1-32-32V757.333a32 32 0 0 1 32-32zm277.333 0a32 32 0 0 1 32 32v149.334a32 32 0 0 1-32 32H426.667a32 32 0 0 1-32-32V757.333a32 32 0 0 1 32-32zM181.333 874.667h85.334v-85.334h-85.334zm277.334 0H544v-85.334h-85.333zm-160-405.334a32 32 0 0 1 32 32v149.334a32 32 0 0 1-32 32H149.333a32 32 0 0 1-32-32V501.333a32 32 0 0 1 32-32zm277.333 0a32 32 0 0 1 32 32v149.334a32 32 0 0 1-32 32H426.667a32 32 0 0 1-32-32V501.333a32 32 0 0 1 32-32zm277.333 0a32 32 0 0 1 32 32v149.334a32 32 0 0 1-32 32H704a32 32 0 0 1-32-32V501.333a32 32 0 0 1 32-32zm-672 149.334h85.334v-85.334h-85.334zm277.334 0H544v-85.334h-85.333zm277.333 0h85.333v-85.334H736zM405.333 149.333h213.334v-64H704v64h234.667A42.667 42.667 0 0 1 981.333 192v213.333A42.667 42.667 0 0 1 938.667 448H85.333a42.667 42.667 0 0 1-42.666-42.667V192a42.667 42.667 0 0 1 42.666-42.667H320v-64h85.333zM128 362.667h768v-128H704v64h-85.333v-64H405.333v64H320v-64H128z" }),
+  );
+  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/CalendarWeekly.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 CalendarWeekly: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/CalendarWeekly.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 CalendarWeekly = forwardRef(function CalendarWeekly(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 149.333h213.334v-64H704v64h234.667A42.667 42.667 0 0 1 981.333 192v704a42.667 42.667 0 0 1-42.666 42.667H85.333A42.667 42.667 0 0 1 42.667 896V192a42.667 42.667 0 0 1 42.666-42.667H320v-64h85.333zM128 853.333h768V426.667H128zM362.667 768H192v-85.333h170.667zm234.666 0H426.667v-85.333h170.666zM832 682.667V768H661.333v-85.333zm-469.333-85.334H192V512h170.667zm234.666 0H426.667V512h170.666zm234.667 0H661.333V512H832zm-704-256h768V234.667H704v64h-85.333v-64H405.333v64H320v-64H128z" }),
+  );
+  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/CalendarWeeklyFill.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 CalendarWeeklyFill: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/CalendarWeeklyFill.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 CalendarWeeklyFill = forwardRef(function CalendarWeeklyFill(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 896a42.667 42.667 0 0 1-42.666 42.667H85.333A42.667 42.667 0 0 1 42.667 896V469.333h938.666zM170.667 768v85.333h170.666V768zm256 85.333h170.666V768H426.667zm256 0h170.666V768H682.667zm-512-192h170.666V576H170.667zm256 0h170.666V576H426.667zm256 0h170.666V576H682.667zm256-512A42.667 42.667 0 0 1 981.333 192v192H42.667V192a42.667 42.667 0 0 1 42.666-42.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/Camera.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 Camera: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};