@rescui/icons 1.2.0 → 1.2.1-RUI-247-Make-packets-react-19-ready-f91b52ef.16

package/lib/color-outline.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+export type TColorOutlineIconSize = "xs" | "s" | "m" | "l";
+
+export type TColorOutlineIconTheme = "light" | "dark";
+
+export interface IColorOutlineIconProps extends React.SVGProps<any> {
+  size?: TColorOutlineIconSize;
+  theme?: TColorOutlineIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
+}
+
+declare const ColorOutlineIcon: React.ForwardRefExoticComponent<IColorOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
+
+export default ColorOutlineIcon;

package/lib/color-outline.js

@@ -0,0 +1,116 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import "./index.css";
+import styles from "./index.css.js";
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+export const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const ColorOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4.651 8.583a1.08 1.08 0 0 1 1.507.418 1.166 1.166 0 0 1-.404 1.562 1.08 1.08 0 0 1-1.506-.42 1.165 1.165 0 0 1 .403-1.56m-.403-3.01a1.08 1.08 0 0 1 1.506-.418c.527.315.709 1.015.404 1.561-.304.547-.98.734-1.507.418a1.166 1.166 0 0 1-.403-1.561m6.134-.418a1.08 1.08 0 0 1 1.506.418 1.167 1.167 0 0 1-.403 1.561 1.083 1.083 0 0 1-1.507-.418 1.167 1.167 0 0 1 .404-1.561M8.067 3.287c.61 0 1.104.512 1.104 1.143s-.495 1.143-1.104 1.143c-.608 0-1.102-.512-1.102-1.143 0-.63.494-1.142 1.102-1.143"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M2.432 4.455C4.322 1.122 8.46.008 11.677 1.966c1.965 1.197 2.638 2.837 2.806 4.478.26 2.556-2.35 4.576-4.822 4.354-.935-.084-1.505 1.043-.906 1.792l.14.175c.721.903.317 2.263-.814 2.234a6.55 6.55 0 0 1-3.247-.963C1.618 12.078.542 7.788 2.432 4.456zm8.724-1.635c-2.719-1.656-6.234-.728-7.854 2.129-1.63 2.876-.69 6.564 2.052 8.233A5.55 5.55 0 0 0 8.108 14a.2.2 0 0 0 .069-.007l.014-.006c.004-.003.026-.022.044-.076a.58.58 0 0 0-.122-.522l-.14-.175c-1.094-1.37-.118-3.581 1.777-3.412.946.085 1.954-.263 2.695-.898.734-.63 1.133-1.47 1.042-2.359-.143-1.4-.688-2.725-2.33-3.725z"
+})));
+ColorOutlineIcon16.displayName = 'ColorOutlineIcon16';
+const ColorOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.88 11.208a1.34 1.34 0 0 1 1.854.508 1.405 1.405 0 0 1-.497 1.895c-.65.383-1.48.156-1.855-.507a1.405 1.405 0 0 1 .497-1.896zm-.498-3.655a1.34 1.34 0 0 1 1.855-.508c.648.383.871 1.232.497 1.895a1.34 1.34 0 0 1-1.855.508 1.405 1.405 0 0 1-.497-1.895m7.548-.508a1.34 1.34 0 0 1 1.855.508 1.405 1.405 0 0 1-.497 1.895 1.34 1.34 0 0 1-1.853-.508 1.405 1.405 0 0 1 .496-1.895zm-2.846-2.268c.75 0 1.356.622 1.357 1.388s-.607 1.388-1.357 1.388-1.357-.623-1.357-1.388c0-.766.608-1.388 1.357-1.388"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.147 6.196c2.325-4.047 7.42-5.4 11.378-3.022 2.419 1.453 3.246 3.444 3.453 5.436.321 3.105-2.892 5.557-5.934 5.288-1.15-.102-1.851 1.266-1.114 2.175l.172.212c.887 1.096.39 2.749-1.001 2.714a8.14 8.14 0 0 1-3.998-1.17C2.145 15.451.822 10.243 3.147 6.196M13.752 4.46c-3.225-1.937-7.39-.848-9.305 2.484-1.925 3.352-.816 7.65 2.428 9.6a6.64 6.64 0 0 0 3.167.95.46.46 0 0 0-.106-.263l-.172-.213c-1.52-1.877-.137-4.838 2.412-4.614 1.093.097 2.267-.3 3.128-1.029.85-.72 1.282-1.652 1.182-2.61-.168-1.624-.8-3.143-2.734-4.305"
+})));
+ColorOutlineIcon20.displayName = 'ColorOutlineIcon20';
+const ColorOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.847 13.375a1.69 1.69 0 0 1 2.319.628c.468.82.19 1.868-.621 2.342a1.687 1.687 0 0 1-2.318-.628 1.724 1.724 0 0 1 .62-2.342m-.62-4.515a1.687 1.687 0 0 1 2.318-.628 1.725 1.725 0 0 1 .62 2.342 1.69 1.69 0 0 1-2.318.628 1.725 1.725 0 0 1-.62-2.342m9.436-.628a1.687 1.687 0 0 1 2.317.628c.468.82.19 1.869-.62 2.342a1.687 1.687 0 0 1-2.318-.628 1.724 1.724 0 0 1 .62-2.342zm-3.56-2.801c.937 0 1.696.768 1.697 1.714 0 .947-.76 1.715-1.697 1.715a1.706 1.706 0 0 1-1.696-1.715c0-.946.76-1.713 1.696-1.714"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.433 7.183C6.34 2.184 12.708.512 17.655 3.45c3.024 1.795 4.058 4.255 4.316 6.717.402 3.835-3.614 6.864-7.417 6.532-1.438-.125-2.313 1.563-1.393 2.687l.215.262c1.11 1.355.488 3.396-1.251 3.353a10.26 10.26 0 0 1-4.996-1.445C2.18 18.617.527 12.183 3.433 7.183M16.634 5.17C12.651 2.805 7.515 4.143 5.162 8.19c-2.36 4.058-1.009 9.273 2.987 11.646a8.3 8.3 0 0 0 3.729 1.152 1 1 0 0 0-.05-.072v-.001l-.214-.262c-1.948-2.377-.251-5.996 2.813-5.962l.301.016.252.015c1.265.04 2.59-.437 3.576-1.261 1.038-.868 1.543-1.972 1.426-3.086-.206-1.963-.97-3.794-3.348-5.205"
+})));
+ColorOutlineIcon24.displayName = 'ColorOutlineIcon24';
+const ColorOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7.818 15.54a2.034 2.034 0 0 1 2.782.747 2.044 2.044 0 0 1-.746 2.788 2.034 2.034 0 0 1-2.78-.747 2.044 2.044 0 0 1 .744-2.788m-.745-5.375a2.034 2.034 0 0 1 2.781-.747 2.044 2.044 0 0 1 .746 2.787 2.034 2.034 0 0 1-2.782.748 2.044 2.044 0 0 1-.745-2.788m11.323-.747a2.03 2.03 0 0 1 2.78.747 2.044 2.044 0 0 1-.744 2.788 2.033 2.033 0 0 1-2.78-.748 2.043 2.043 0 0 1 .744-2.787m-4.271-3.335c1.124 0 2.036.914 2.036 2.04a2.04 2.04 0 0 1-2.036 2.042 2.04 2.04 0 0 1-2.035-2.041c0-1.127.91-2.041 2.035-2.041"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.72 8.17C7.208 2.218 14.85.227 20.787 3.724c3.629 2.138 4.87 5.065 5.18 7.995.483 4.566-4.339 8.174-8.902 7.778-1.726-.15-2.777 1.861-1.672 3.199l.258.312c1.332 1.612.587 4.042-1.5 3.99a12.4 12.4 0 0 1-5.997-1.72C2.218 21.781.232 14.122 3.72 8.17m16.052-2.723C14.79 2.513 8.374 4.181 5.444 9.18c-2.931 5.003-1.26 11.44 3.724 14.375A10.4 10.4 0 0 0 14.199 25a.4.4 0 0 0 .083-.008q.006-.01.013-.026c.042-.119.05-.4-.186-.684l-.258-.314c-2.225-2.695-.118-6.768 3.387-6.464 1.724.15 3.556-.465 4.893-1.575 1.324-1.098 2.002-2.527 1.846-3.999-.256-2.425-1.223-4.726-4.206-6.483z"
+})));
+ColorOutlineIcon28.displayName = 'ColorOutlineIcon28';
+const ColorOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(ColorOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ColorOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ColorOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ColorOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ColorOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ColorOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ColorOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ColorOutlineIcon28, mainProps);
+});
+ColorOutlineIcon.displayName = 'ColorOutlineIcon';
+ColorOutlineIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export default ColorOutlineIcon;
+//# sourceMappingURL=color-outline.js.map

package/lib/color-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ColorOutlineIcon16","forwardRef","props","ref","displayName","ColorOutlineIcon20","ColorOutlineIcon24","ColorOutlineIcon28","ColorOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["color-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst ColorOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M4.651 8.583a1.08 1.08 0 0 1 1.507.418 1.166 1.166 0 0 1-.404 1.562 1.08 1.08 0 0 1-1.506-.42 1.165 1.165 0 0 1 .403-1.56m-.403-3.01a1.08 1.08 0 0 1 1.506-.418c.527.315.709 1.015.404 1.561-.304.547-.98.734-1.507.418a1.166 1.166 0 0 1-.403-1.561m6.134-.418a1.08 1.08 0 0 1 1.506.418 1.167 1.167 0 0 1-.403 1.561 1.083 1.083 0 0 1-1.507-.418 1.167 1.167 0 0 1 .404-1.561M8.067 3.287c.61 0 1.104.512 1.104 1.143s-.495 1.143-1.104 1.143c-.608 0-1.102-.512-1.102-1.143 0-.63.494-1.142 1.102-1.143\" /><path d=\"M2.432 4.455C4.322 1.122 8.46.008 11.677 1.966c1.965 1.197 2.638 2.837 2.806 4.478.26 2.556-2.35 4.576-4.822 4.354-.935-.084-1.505 1.043-.906 1.792l.14.175c.721.903.317 2.263-.814 2.234a6.55 6.55 0 0 1-3.247-.963C1.618 12.078.542 7.788 2.432 4.456zm8.724-1.635c-2.719-1.656-6.234-.728-7.854 2.129-1.63 2.876-.69 6.564 2.052 8.233A5.55 5.55 0 0 0 8.108 14a.2.2 0 0 0 .069-.007l.014-.006c.004-.003.026-.022.044-.076a.58.58 0 0 0-.122-.522l-.14-.175c-1.094-1.37-.118-3.581 1.777-3.412.946.085 1.954-.263 2.695-.898.734-.63 1.133-1.47 1.042-2.359-.143-1.4-.688-2.725-2.33-3.725z\" /></svg>));\nColorOutlineIcon16.displayName = 'ColorOutlineIcon16';\nconst ColorOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M5.88 11.208a1.34 1.34 0 0 1 1.854.508 1.405 1.405 0 0 1-.497 1.895c-.65.383-1.48.156-1.855-.507a1.405 1.405 0 0 1 .497-1.896zm-.498-3.655a1.34 1.34 0 0 1 1.855-.508c.648.383.871 1.232.497 1.895a1.34 1.34 0 0 1-1.855.508 1.405 1.405 0 0 1-.497-1.895m7.548-.508a1.34 1.34 0 0 1 1.855.508 1.405 1.405 0 0 1-.497 1.895 1.34 1.34 0 0 1-1.853-.508 1.405 1.405 0 0 1 .496-1.895zm-2.846-2.268c.75 0 1.356.622 1.357 1.388s-.607 1.388-1.357 1.388-1.357-.623-1.357-1.388c0-.766.608-1.388 1.357-1.388\" /><path d=\"M3.147 6.196c2.325-4.047 7.42-5.4 11.378-3.022 2.419 1.453 3.246 3.444 3.453 5.436.321 3.105-2.892 5.557-5.934 5.288-1.15-.102-1.851 1.266-1.114 2.175l.172.212c.887 1.096.39 2.749-1.001 2.714a8.14 8.14 0 0 1-3.998-1.17C2.145 15.451.822 10.243 3.147 6.196M13.752 4.46c-3.225-1.937-7.39-.848-9.305 2.484-1.925 3.352-.816 7.65 2.428 9.6a6.64 6.64 0 0 0 3.167.95.46.46 0 0 0-.106-.263l-.172-.213c-1.52-1.877-.137-4.838 2.412-4.614 1.093.097 2.267-.3 3.128-1.029.85-.72 1.282-1.652 1.182-2.61-.168-1.624-.8-3.143-2.734-4.305\" /></svg>));\nColorOutlineIcon20.displayName = 'ColorOutlineIcon20';\nconst ColorOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M6.847 13.375a1.69 1.69 0 0 1 2.319.628c.468.82.19 1.868-.621 2.342a1.687 1.687 0 0 1-2.318-.628 1.724 1.724 0 0 1 .62-2.342m-.62-4.515a1.687 1.687 0 0 1 2.318-.628 1.725 1.725 0 0 1 .62 2.342 1.69 1.69 0 0 1-2.318.628 1.725 1.725 0 0 1-.62-2.342m9.436-.628a1.687 1.687 0 0 1 2.317.628c.468.82.19 1.869-.62 2.342a1.687 1.687 0 0 1-2.318-.628 1.724 1.724 0 0 1 .62-2.342zm-3.56-2.801c.937 0 1.696.768 1.697 1.714 0 .947-.76 1.715-1.697 1.715a1.706 1.706 0 0 1-1.696-1.715c0-.946.76-1.713 1.696-1.714\" /><path d=\"M3.433 7.183C6.34 2.184 12.708.512 17.655 3.45c3.024 1.795 4.058 4.255 4.316 6.717.402 3.835-3.614 6.864-7.417 6.532-1.438-.125-2.313 1.563-1.393 2.687l.215.262c1.11 1.355.488 3.396-1.251 3.353a10.26 10.26 0 0 1-4.996-1.445C2.18 18.617.527 12.183 3.433 7.183M16.634 5.17C12.651 2.805 7.515 4.143 5.162 8.19c-2.36 4.058-1.009 9.273 2.987 11.646a8.3 8.3 0 0 0 3.729 1.152 1 1 0 0 0-.05-.072v-.001l-.214-.262c-1.948-2.377-.251-5.996 2.813-5.962l.301.016.252.015c1.265.04 2.59-.437 3.576-1.261 1.038-.868 1.543-1.972 1.426-3.086-.206-1.963-.97-3.794-3.348-5.205\" /></svg>));\nColorOutlineIcon24.displayName = 'ColorOutlineIcon24';\nconst ColorOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M7.818 15.54a2.034 2.034 0 0 1 2.782.747 2.044 2.044 0 0 1-.746 2.788 2.034 2.034 0 0 1-2.78-.747 2.044 2.044 0 0 1 .744-2.788m-.745-5.375a2.034 2.034 0 0 1 2.781-.747 2.044 2.044 0 0 1 .746 2.787 2.034 2.034 0 0 1-2.782.748 2.044 2.044 0 0 1-.745-2.788m11.323-.747a2.03 2.03 0 0 1 2.78.747 2.044 2.044 0 0 1-.744 2.788 2.033 2.033 0 0 1-2.78-.748 2.043 2.043 0 0 1 .744-2.787m-4.271-3.335c1.124 0 2.036.914 2.036 2.04a2.04 2.04 0 0 1-2.036 2.042 2.04 2.04 0 0 1-2.035-2.041c0-1.127.91-2.041 2.035-2.041\" /><path d=\"M3.72 8.17C7.208 2.218 14.85.227 20.787 3.724c3.629 2.138 4.87 5.065 5.18 7.995.483 4.566-4.339 8.174-8.902 7.778-1.726-.15-2.777 1.861-1.672 3.199l.258.312c1.332 1.612.587 4.042-1.5 3.99a12.4 12.4 0 0 1-5.997-1.72C2.218 21.781.232 14.122 3.72 8.17m16.052-2.723C14.79 2.513 8.374 4.181 5.444 9.18c-2.931 5.003-1.26 11.44 3.724 14.375A10.4 10.4 0 0 0 14.199 25a.4.4 0 0 0 .083-.008q.006-.01.013-.026c.042-.119.05-.4-.186-.684l-.258-.314c-2.225-2.695-.118-6.768 3.387-6.464 1.724.15 3.556-.465 4.893-1.575 1.324-1.098 2.002-2.527 1.846-3.999-.256-2.425-1.223-4.726-4.206-6.483z\" /></svg>));\nColorOutlineIcon28.displayName = 'ColorOutlineIcon28';\n\nconst ColorOutlineIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><ColorOutlineIcon16 className={styles.variant16} />\n<ColorOutlineIcon20 className={styles.variant20} />\n<ColorOutlineIcon24 className={styles.variant24} />\n<ColorOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ColorOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ColorOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ColorOutlineIcon24 {...mainProps} />); }\nreturn (<ColorOutlineIcon28 {...mainProps} />);\n  }\n);\nColorOutlineIcon.displayName = 'ColorOutlineIcon';\nColorOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default ColorOutlineIcon;"],"mappings":"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"}

package/lib/color.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+export type TColorIconSize = "xs" | "s" | "m" | "l";
+
+export type TColorIconTheme = "light" | "dark";
+
+export interface IColorIconProps extends React.SVGProps<any> {
+  size?: TColorIconSize;
+  theme?: TColorIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
+}
+
+declare const ColorIcon: React.ForwardRefExoticComponent<IColorIconProps & React.RefAttributes<SVGSVGElement>>;
+
+export default ColorIcon;

package/lib/color.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import "./index.css";
+import styles from "./index.css.js";
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+export const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const ColorIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M2.432 4.455c1.89-3.333 6.028-4.448 9.244-2.49 1.966 1.198 2.638 2.837 2.806 4.478.261 2.557-2.35 4.577-4.821 4.355-.935-.084-1.505 1.043-.906 1.792l.14.174c.721.903.317 2.264-.814 2.236a6.55 6.55 0 0 1-3.247-.964C1.618 12.078.542 7.788 2.432 4.455m3.726 4.546a1.08 1.08 0 0 0-1.506-.418 1.166 1.166 0 0 0-.404 1.56c.305.547.979.735 1.506.42A1.166 1.166 0 0 0 6.158 9zm-.404-3.847a1.08 1.08 0 0 0-1.506.418 1.166 1.166 0 0 0 .404 1.562 1.08 1.08 0 0 0 1.506-.419 1.166 1.166 0 0 0-.404-1.56zm6.133.418a1.08 1.08 0 0 0-1.506-.418 1.166 1.166 0 0 0-.403 1.561c.304.547.979.734 1.506.419a1.166 1.166 0 0 0 .403-1.562m-3.82-2.285c-.608 0-1.102.511-1.102 1.143 0 .63.494 1.142 1.103 1.142S9.17 5.061 9.17 4.43c0-.632-.493-1.143-1.102-1.143z"
+})));
+ColorIcon16.displayName = 'ColorIcon16';
+const ColorIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.147 6.195c2.325-4.047 7.42-5.4 11.378-3.022 2.419 1.453 3.246 3.444 3.453 5.437.322 3.104-2.892 5.557-5.934 5.288-1.151-.102-1.852 1.266-1.115 2.175l.172.212c.888 1.097.39 2.75-1.001 2.714a8.14 8.14 0 0 1-3.997-1.17C2.145 15.453.82 10.244 3.147 6.196zm4.586 5.52a1.34 1.34 0 0 0-1.854-.508 1.405 1.405 0 0 0-.497 1.896 1.34 1.34 0 0 0 1.854.508c.65-.383.872-1.232.497-1.896m-.497-4.67a1.34 1.34 0 0 0-1.854.507 1.405 1.405 0 0 0 .497 1.896 1.34 1.34 0 0 0 1.854-.508 1.405 1.405 0 0 0-.497-1.896zm7.549.507a1.34 1.34 0 0 0-1.854-.508 1.405 1.405 0 0 0-.497 1.896 1.34 1.34 0 0 0 1.854.508c.65-.383.871-1.232.497-1.896m-4.702-2.775c-.749 0-1.357.621-1.357 1.387 0 .767.608 1.388 1.357 1.388.75 0 1.358-.621 1.358-1.388s-.608-1.387-1.358-1.387"
+})));
+ColorIcon20.displayName = 'ColorIcon20';
+const ColorIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.433 7.182c2.907-5 9.275-6.67 14.223-3.734 3.024 1.796 4.058 4.255 4.316 6.717.402 3.835-3.615 6.865-7.417 6.532-1.439-.125-2.314 1.564-1.393 2.688l.214.262c1.11 1.354.489 3.396-1.251 3.352a10.26 10.26 0 0 1-4.996-1.445C2.18 18.617.527 12.182 3.433 7.182m5.733 6.82a1.687 1.687 0 0 0-2.317-.628 1.724 1.724 0 0 0-.621 2.341 1.687 1.687 0 0 0 2.317.628 1.725 1.725 0 0 0 .621-2.342zm-.621-5.77a1.687 1.687 0 0 0-2.317.627c-.469.82-.19 1.868.62 2.342.812.473 1.85.192 2.318-.628.469-.82.19-1.868-.621-2.342zm9.436.627a1.687 1.687 0 0 0-2.317-.628 1.724 1.724 0 0 0-.621 2.342 1.687 1.687 0 0 0 2.317.628 1.724 1.724 0 0 0 .62-2.342zM12.104 5.43c-.937 0-1.696.768-1.696 1.714 0 .947.76 1.715 1.696 1.715.937 0 1.697-.768 1.697-1.715 0-.946-.76-1.714-1.697-1.714"
+})));
+ColorIcon24.displayName = 'ColorIcon24';
+const ColorIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.72 8.17C7.21 2.218 14.85.227 20.787 3.724c3.629 2.138 4.87 5.065 5.18 7.996.482 4.566-4.338 8.173-8.901 7.777-1.726-.15-2.777 1.861-1.672 3.199l.257.312c1.333 1.612.587 4.043-1.501 3.991a12.4 12.4 0 0 1-5.996-1.72C2.217 21.782.232 14.122 3.72 8.169zm6.88 8.117a2.033 2.033 0 0 0-2.782-.747 2.044 2.044 0 0 0-.745 2.788 2.033 2.033 0 0 0 2.781.747 2.044 2.044 0 0 0 .746-2.788m-.746-6.869a2.033 2.033 0 0 0-2.78.747 2.044 2.044 0 0 0 .744 2.788c.974.564 2.22.229 2.782-.747a2.044 2.044 0 0 0-.746-2.788m11.323.747a2.033 2.033 0 0 0-2.78-.747 2.043 2.043 0 0 0-.746 2.788 2.033 2.033 0 0 0 2.781.747 2.044 2.044 0 0 0 .745-2.788m-7.052-4.081a2.04 2.04 0 0 0-2.036 2.04c0 1.127.912 2.041 2.036 2.041a2.04 2.04 0 0 0 2.036-2.04 2.04 2.04 0 0 0-2.036-2.041"
+})));
+ColorIcon28.displayName = 'ColorIcon28';
+const ColorIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(ColorIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ColorIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ColorIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ColorIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ColorIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ColorIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ColorIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ColorIcon28, mainProps);
+});
+ColorIcon.displayName = 'ColorIcon';
+ColorIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export default ColorIcon;
+//# sourceMappingURL=color.js.map

package/lib/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ColorIcon16","forwardRef","props","ref","displayName","ColorIcon20","ColorIcon24","ColorIcon28","ColorIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["color.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst ColorIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M2.432 4.455c1.89-3.333 6.028-4.448 9.244-2.49 1.966 1.198 2.638 2.837 2.806 4.478.261 2.557-2.35 4.577-4.821 4.355-.935-.084-1.505 1.043-.906 1.792l.14.174c.721.903.317 2.264-.814 2.236a6.55 6.55 0 0 1-3.247-.964C1.618 12.078.542 7.788 2.432 4.455m3.726 4.546a1.08 1.08 0 0 0-1.506-.418 1.166 1.166 0 0 0-.404 1.56c.305.547.979.735 1.506.42A1.166 1.166 0 0 0 6.158 9zm-.404-3.847a1.08 1.08 0 0 0-1.506.418 1.166 1.166 0 0 0 .404 1.562 1.08 1.08 0 0 0 1.506-.419 1.166 1.166 0 0 0-.404-1.56zm6.133.418a1.08 1.08 0 0 0-1.506-.418 1.166 1.166 0 0 0-.403 1.561c.304.547.979.734 1.506.419a1.166 1.166 0 0 0 .403-1.562m-3.82-2.285c-.608 0-1.102.511-1.102 1.143 0 .63.494 1.142 1.103 1.142S9.17 5.061 9.17 4.43c0-.632-.493-1.143-1.102-1.143z\" /></svg>));\nColorIcon16.displayName = 'ColorIcon16';\nconst ColorIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M3.147 6.195c2.325-4.047 7.42-5.4 11.378-3.022 2.419 1.453 3.246 3.444 3.453 5.437.322 3.104-2.892 5.557-5.934 5.288-1.151-.102-1.852 1.266-1.115 2.175l.172.212c.888 1.097.39 2.75-1.001 2.714a8.14 8.14 0 0 1-3.997-1.17C2.145 15.453.82 10.244 3.147 6.196zm4.586 5.52a1.34 1.34 0 0 0-1.854-.508 1.405 1.405 0 0 0-.497 1.896 1.34 1.34 0 0 0 1.854.508c.65-.383.872-1.232.497-1.896m-.497-4.67a1.34 1.34 0 0 0-1.854.507 1.405 1.405 0 0 0 .497 1.896 1.34 1.34 0 0 0 1.854-.508 1.405 1.405 0 0 0-.497-1.896zm7.549.507a1.34 1.34 0 0 0-1.854-.508 1.405 1.405 0 0 0-.497 1.896 1.34 1.34 0 0 0 1.854.508c.65-.383.871-1.232.497-1.896m-4.702-2.775c-.749 0-1.357.621-1.357 1.387 0 .767.608 1.388 1.357 1.388.75 0 1.358-.621 1.358-1.388s-.608-1.387-1.358-1.387\" /></svg>));\nColorIcon20.displayName = 'ColorIcon20';\nconst ColorIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M3.433 7.182c2.907-5 9.275-6.67 14.223-3.734 3.024 1.796 4.058 4.255 4.316 6.717.402 3.835-3.615 6.865-7.417 6.532-1.439-.125-2.314 1.564-1.393 2.688l.214.262c1.11 1.354.489 3.396-1.251 3.352a10.26 10.26 0 0 1-4.996-1.445C2.18 18.617.527 12.182 3.433 7.182m5.733 6.82a1.687 1.687 0 0 0-2.317-.628 1.724 1.724 0 0 0-.621 2.341 1.687 1.687 0 0 0 2.317.628 1.725 1.725 0 0 0 .621-2.342zm-.621-5.77a1.687 1.687 0 0 0-2.317.627c-.469.82-.19 1.868.62 2.342.812.473 1.85.192 2.318-.628.469-.82.19-1.868-.621-2.342zm9.436.627a1.687 1.687 0 0 0-2.317-.628 1.724 1.724 0 0 0-.621 2.342 1.687 1.687 0 0 0 2.317.628 1.724 1.724 0 0 0 .62-2.342zM12.104 5.43c-.937 0-1.696.768-1.696 1.714 0 .947.76 1.715 1.696 1.715.937 0 1.697-.768 1.697-1.715 0-.946-.76-1.714-1.697-1.714\" /></svg>));\nColorIcon24.displayName = 'ColorIcon24';\nconst ColorIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M3.72 8.17C7.21 2.218 14.85.227 20.787 3.724c3.629 2.138 4.87 5.065 5.18 7.996.482 4.566-4.338 8.173-8.901 7.777-1.726-.15-2.777 1.861-1.672 3.199l.257.312c1.333 1.612.587 4.043-1.501 3.991a12.4 12.4 0 0 1-5.996-1.72C2.217 21.782.232 14.122 3.72 8.169zm6.88 8.117a2.033 2.033 0 0 0-2.782-.747 2.044 2.044 0 0 0-.745 2.788 2.033 2.033 0 0 0 2.781.747 2.044 2.044 0 0 0 .746-2.788m-.746-6.869a2.033 2.033 0 0 0-2.78.747 2.044 2.044 0 0 0 .744 2.788c.974.564 2.22.229 2.782-.747a2.044 2.044 0 0 0-.746-2.788m11.323.747a2.033 2.033 0 0 0-2.78-.747 2.043 2.043 0 0 0-.746 2.788 2.033 2.033 0 0 0 2.781.747 2.044 2.044 0 0 0 .745-2.788m-7.052-4.081a2.04 2.04 0 0 0-2.036 2.04c0 1.127.912 2.041 2.036 2.041a2.04 2.04 0 0 0 2.036-2.04 2.04 2.04 0 0 0-2.036-2.041\" /></svg>));\nColorIcon28.displayName = 'ColorIcon28';\n\nconst ColorIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><ColorIcon16 className={styles.variant16} />\n<ColorIcon20 className={styles.variant20} />\n<ColorIcon24 className={styles.variant24} />\n<ColorIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ColorIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ColorIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ColorIcon24 {...mainProps} />); }\nreturn (<ColorIcon28 {...mainProps} />);\n  }\n);\nColorIcon.displayName = 'ColorIcon';\nColorIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default ColorIcon;"],"mappings":"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"}

package/lib/computer-outline.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+export type TComputerOutlineIconSize = "xs" | "s" | "m" | "l";
+
+export type TComputerOutlineIconTheme = "light" | "dark";
+
+export interface IComputerOutlineIconProps extends React.SVGProps<any> {
+  size?: TComputerOutlineIconSize;
+  theme?: TComputerOutlineIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
+}
+
+declare const ComputerOutlineIcon: React.ForwardRefExoticComponent<IComputerOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
+
+export default ComputerOutlineIcon;

package/lib/computer-outline.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import "./index.css";
+import styles from "./index.css.js";
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+export const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const ComputerOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14 12a.5.5 0 0 1 0 1H2a.5.5 0 0 1 0-1zm-1.796-8.99A2 2 0 0 1 14 5v4l-.01.204a2 2 0 0 1-1.786 1.785L12 11H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8zM4 4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5a1 1 0 0 0-.898-.995L12 4z"
+})));
+ComputerOutlineIcon16.displayName = 'ComputerOutlineIcon16';
+const ComputerOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17.077 15.004a.75.75 0 0 1 0 1.492L17 16.5H3A.75.75 0 0 1 3 15h14zM15 3a2 2 0 0 1 2 2v6a2 2 0 0 1-1.796 1.99L15 13H5l-.204-.01a2 2 0 0 1-1.785-1.786L3 11V5a2 2 0 0 1 2-2zM5 4.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5z"
+})));
+ComputerOutlineIcon20.displayName = 'ComputerOutlineIcon20';
+const ComputerOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M21.102 19.005a1 1 0 0 1 0 1.99L21 21H3a1 1 0 1 1 0-2h18zM18.756 3.013A2.5 2.5 0 0 1 21 5.5v8l-.013.256a2.5 2.5 0 0 1-2.231 2.231L18.5 16h-13a2.5 2.5 0 0 1-2.487-2.244L3 13.5v-8A2.5 2.5 0 0 1 5.5 3h13zM5.5 5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5z"
+})));
+ComputerOutlineIcon24.displayName = 'ComputerOutlineIcon24';
+const ComputerOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M24 22a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zM21 4a3 3 0 0 1 3 3v9a3 3 0 0 1-2.846 2.996L21 19H7l-.154-.004a3 3 0 0 1-2.842-2.842L4 16V7a3 3 0 0 1 3-3zM7 6a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z"
+})));
+ComputerOutlineIcon28.displayName = 'ComputerOutlineIcon28';
+const ComputerOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(ComputerOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ComputerOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ComputerOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ComputerOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ComputerOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ComputerOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ComputerOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ComputerOutlineIcon28, mainProps);
+});
+ComputerOutlineIcon.displayName = 'ComputerOutlineIcon';
+ComputerOutlineIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export default ComputerOutlineIcon;
+//# sourceMappingURL=computer-outline.js.map

package/lib/computer-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computer-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ComputerOutlineIcon16","forwardRef","props","ref","displayName","ComputerOutlineIcon20","ComputerOutlineIcon24","ComputerOutlineIcon28","ComputerOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["computer-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst ComputerOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M14 12a.5.5 0 0 1 0 1H2a.5.5 0 0 1 0-1zm-1.796-8.99A2 2 0 0 1 14 5v4l-.01.204a2 2 0 0 1-1.786 1.785L12 11H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8zM4 4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5a1 1 0 0 0-.898-.995L12 4z\" /></svg>));\nComputerOutlineIcon16.displayName = 'ComputerOutlineIcon16';\nconst ComputerOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M17.077 15.004a.75.75 0 0 1 0 1.492L17 16.5H3A.75.75 0 0 1 3 15h14zM15 3a2 2 0 0 1 2 2v6a2 2 0 0 1-1.796 1.99L15 13H5l-.204-.01a2 2 0 0 1-1.785-1.786L3 11V5a2 2 0 0 1 2-2zM5 4.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5z\" /></svg>));\nComputerOutlineIcon20.displayName = 'ComputerOutlineIcon20';\nconst ComputerOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M21.102 19.005a1 1 0 0 1 0 1.99L21 21H3a1 1 0 1 1 0-2h18zM18.756 3.013A2.5 2.5 0 0 1 21 5.5v8l-.013.256a2.5 2.5 0 0 1-2.231 2.231L18.5 16h-13a2.5 2.5 0 0 1-2.487-2.244L3 13.5v-8A2.5 2.5 0 0 1 5.5 3h13zM5.5 5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5z\" /></svg>));\nComputerOutlineIcon24.displayName = 'ComputerOutlineIcon24';\nconst ComputerOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M24 22a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zM21 4a3 3 0 0 1 3 3v9a3 3 0 0 1-2.846 2.996L21 19H7l-.154-.004a3 3 0 0 1-2.842-2.842L4 16V7a3 3 0 0 1 3-3zM7 6a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1z\" /></svg>));\nComputerOutlineIcon28.displayName = 'ComputerOutlineIcon28';\n\nconst ComputerOutlineIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><ComputerOutlineIcon16 className={styles.variant16} />\n<ComputerOutlineIcon20 className={styles.variant20} />\n<ComputerOutlineIcon24 className={styles.variant24} />\n<ComputerOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ComputerOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ComputerOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ComputerOutlineIcon24 {...mainProps} />); }\nreturn (<ComputerOutlineIcon28 {...mainProps} />);\n  }\n);\nComputerOutlineIcon.displayName = 'ComputerOutlineIcon';\nComputerOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default ComputerOutlineIcon;"],"mappings":"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"}

package/lib/computer.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+export type TComputerIconSize = "xs" | "s" | "m" | "l";
+
+export type TComputerIconTheme = "light" | "dark";
+
+export interface IComputerIconProps extends React.SVGProps<any> {
+  size?: TComputerIconSize;
+  theme?: TComputerIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
+}
+
+declare const ComputerIcon: React.ForwardRefExoticComponent<IComputerIconProps & React.RefAttributes<SVGSVGElement>>;
+
+export default ComputerIcon;

package/lib/computer.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import "./index.css";
+import styles from "./index.css.js";
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+export const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const ComputerIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14 12.5a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5zm-1.796-9.49A2 2 0 0 1 14 5v4l-.01.204a2 2 0 0 1-1.786 1.785L12 11H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8zM4 4.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5z"
+})));
+ComputerIcon16.displayName = 'ComputerIcon16';
+const ComputerIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17.102 15.005a1 1 0 0 1 0 1.99L17 17H3a1 1 0 1 1 0-2h14zM15 3a2 2 0 0 1 2 2v6a2 2 0 0 1-1.796 1.99L15 13H5l-.204-.01a2 2 0 0 1-1.785-1.786L3 11V5a2 2 0 0 1 2-2zM5 11h10V5H5z"
+})));
+ComputerIcon20.displayName = 'ComputerIcon20';
+const ComputerIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M21.153 19.008a1.5 1.5 0 0 1 0 2.984L21 22H3a1.5 1.5 0 0 1 0-3h18zM18.756 3.013A2.5 2.5 0 0 1 21 5.5v8l-.013.256a2.5 2.5 0 0 1-2.231 2.231L18.5 16h-13a2.5 2.5 0 0 1-2.487-2.244L3 13.5v-8A2.5 2.5 0 0 1 5.5 3h13zM6 13h12V6H6z"
+})));
+ComputerIcon24.displayName = 'ComputerIcon24';
+const ComputerIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M24 22a1.5 1.5 0 0 1 0 3H4a1.5 1.5 0 0 1 0-3zM21 4a3 3 0 0 1 3 3v9a3 3 0 0 1-2.846 2.996L21 19H7l-.154-.004a3 3 0 0 1-2.842-2.842L4 16V7a3 3 0 0 1 3-3zM7 16h14V7H7z"
+})));
+ComputerIcon28.displayName = 'ComputerIcon28';
+const ComputerIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(ComputerIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ComputerIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ComputerIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ComputerIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ComputerIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ComputerIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ComputerIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ComputerIcon28, mainProps);
+});
+ComputerIcon.displayName = 'ComputerIcon';
+ComputerIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export default ComputerIcon;
+//# sourceMappingURL=computer.js.map

package/lib/computer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computer.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ComputerIcon16","forwardRef","props","ref","displayName","ComputerIcon20","ComputerIcon24","ComputerIcon28","ComputerIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["computer.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst ComputerIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M14 12.5a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5zm-1.796-9.49A2 2 0 0 1 14 5v4l-.01.204a2 2 0 0 1-1.786 1.785L12 11H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8zM4 4.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5z\" /></svg>));\nComputerIcon16.displayName = 'ComputerIcon16';\nconst ComputerIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M17.102 15.005a1 1 0 0 1 0 1.99L17 17H3a1 1 0 1 1 0-2h14zM15 3a2 2 0 0 1 2 2v6a2 2 0 0 1-1.796 1.99L15 13H5l-.204-.01a2 2 0 0 1-1.785-1.786L3 11V5a2 2 0 0 1 2-2zM5 11h10V5H5z\" /></svg>));\nComputerIcon20.displayName = 'ComputerIcon20';\nconst ComputerIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M21.153 19.008a1.5 1.5 0 0 1 0 2.984L21 22H3a1.5 1.5 0 0 1 0-3h18zM18.756 3.013A2.5 2.5 0 0 1 21 5.5v8l-.013.256a2.5 2.5 0 0 1-2.231 2.231L18.5 16h-13a2.5 2.5 0 0 1-2.487-2.244L3 13.5v-8A2.5 2.5 0 0 1 5.5 3h13zM6 13h12V6H6z\" /></svg>));\nComputerIcon24.displayName = 'ComputerIcon24';\nconst ComputerIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M24 22a1.5 1.5 0 0 1 0 3H4a1.5 1.5 0 0 1 0-3zM21 4a3 3 0 0 1 3 3v9a3 3 0 0 1-2.846 2.996L21 19H7l-.154-.004a3 3 0 0 1-2.842-2.842L4 16V7a3 3 0 0 1 3-3zM7 16h14V7H7z\" /></svg>));\nComputerIcon28.displayName = 'ComputerIcon28';\n\nconst ComputerIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><ComputerIcon16 className={styles.variant16} />\n<ComputerIcon20 className={styles.variant20} />\n<ComputerIcon24 className={styles.variant24} />\n<ComputerIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ComputerIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ComputerIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ComputerIcon24 {...mainProps} />); }\nreturn (<ComputerIcon28 {...mainProps} />);\n  }\n);\nComputerIcon.displayName = 'ComputerIcon';\nComputerIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default ComputerIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAGA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,cAAc,gBAAGV,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAH,cAAc,CAACI,WAAf,GAA6B,gBAA7B;AACA,MAAMC,cAAc,gBAAGf,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAE,cAAc,CAACD,WAAf,GAA6B,gBAA7B;AACA,MAAME,cAAc,gBAAGhB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAG,cAAc,CAACF,WAAf,GAA6B,gBAA7B;AACA,MAAMG,cAAc,gBAAGjB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAI,cAAc,CAACH,WAAf,GAA6B,gBAA7B;AAEA,MAAMI,YAAY,gBAAGlB,KAAK,CAACW,UAAN,CACnB,OAOGE,GAPH,KAOW;EAAA,IAPV;IACCM,KADD;IAECC,IAAI,EAAEC,aAAa,GAAG,GAFvB;IAGCC,SAHD;IAICC,KAJD;IAKC,CAAC,uBAAD,GAA2BC,cAAc,GAAG,KAL7C;IAMC,GAAGZ;EANJ,CAOU;EACT,MAAMQ,IAAI,GAAGC,aAAa,IAAIZ,IAAjB,GAAwBY,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEpB,EAAE,CAACC,MAAM,CAACuB,IAAR,EAAcvB,MAAM,CAACgB,KAAD,CAApB,EAA6Bf,UAAU,CAACgB,IAAD,CAAvC,EAA+CI,cAAc,IAAIrB,MAAM,CAACwB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBV;EAJgB,CAAlB;;EAOA,IAAIW,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,cAAD;MAAgB,SAAS,EAAEtB,MAAM,CAACyB;IAAlC,EAAxC,eAClB,oBAAC,cAAD;MAAgB,SAAS,EAAEzB,MAAM,CAAC0B;IAAlC,EADkB,eAElB,oBAAC,cAAD;MAAgB,SAAS,EAAE1B,MAAM,CAAC2B;IAAlC,EAFkB,eAGlB,oBAAC,cAAD;MAAgB,SAAS,EAAE3B,MAAM,CAAC4B;IAAlC,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKX,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,cAAD,EAAoBgB,SAApB,CAAR;EAA6C;;EAClF,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,cAAD,EAAoBgB,SAApB,CAAR;EAA6C;;EACvE,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,cAAD,EAAoBgB,SAApB,CAAR;EAA6C;;EACvE,oBAAQ,oBAAC,cAAD,EAAoBA,SAApB,CAAR;AACG,CA3BkB,CAArB;AA6BAP,YAAY,CAACJ,WAAb,GAA2B,cAA3B;AACAI,YAAY,CAACc,SAAb,GAAyB;EACvBV,SAAS,EAAErB,SAAS,CAACgC,MADE;EAEvBd,KAAK,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFgB;EAGvBd,IAAI,EAAEnB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHiB;EAIvB,yBAAyBjC,SAAS,CAACkC,IAJZ;EAKvBZ,KAAK,EAAEtB,SAAS,CAACmC;AALM,CAAzB;AAQA,eAAelB,YAAf"}