@rescui/icons 1.12.0 → 1.12.1

package/lib/index.css

@@ -3,7 +3,7 @@
   inherits:true;
   initial-value:0;
 }
-._icon_g46ng3_4{
+._icon_8et0sh_4{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -13,7 +13,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._icon_g46ng3_4{
+._icon_8et0sh_4{
     --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100% * var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100% * var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100% * var(--_rs-theme-dark-coefficient, 0)));
@@ -22,7 +22,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._icon_g46ng3_4{
+._icon_8et0sh_4{
     --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
     --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -30,7 +30,7 @@
     --_rs-color-primary-t-fog:rgba(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255, calc(.2 * var(--_rs-theme-light-coefficient, 1) + .3 * var(--_rs-theme-dark-coefficient, 0)));
 }
   }
-._icon_g46ng3_4{
+._icon_8et0sh_4{
 
   fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
 
@@ -38,27 +38,27 @@
   height:var(--rs-icons-height, var(--_rs-icons-height));
 }
 
-._sizeXS_g46ng3_14{
+._sizeXS_8et0sh_14{
   --_rs-icons-height:16px;
 }
 
-._sizeS_g46ng3_18{
+._sizeS_8et0sh_18{
   --_rs-icons-height:20px;
 }
 
-._sizeM_g46ng3_22{
+._sizeM_8et0sh_22{
   --_rs-icons-height:24px;
 }
 
-._sizeL_g46ng3_26{
+._sizeL_8et0sh_26{
   --_rs-icons-height:28px;
 }
 
-._light_g46ng3_30{
+._light_8et0sh_30{
   --rs-theme-dark:0;
   --_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
 }
-._dark_g46ng3_34{
+._dark_8et0sh_34{
   --rs-theme-dark:1;
   --_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
 }
@@ -72,40 +72,40 @@
   }
 }
 
-._allVariants_g46ng3_48{
+._allVariants_8et0sh_48{
   aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
   container:rs-icon / size;
 }
 
-._variant16_g46ng3_53,
-._variant20_g46ng3_54,
-._variant24_g46ng3_55{
+._variant16_8et0sh_53,
+._variant20_8et0sh_54,
+._variant24_8et0sh_55{
   display:none;
 }
-._variant28_g46ng3_58{
+._variant28_8et0sh_58{
   display:block;
 }
 @container rs-icon (max-height: 24px){
-  ._variant24_g46ng3_55{
+  ._variant24_8et0sh_55{
     display:block;
   }
-  ._variant28_g46ng3_58{
+  ._variant28_8et0sh_58{
     display:none;
   }
 }
 @container rs-icon (max-height: 20px){
-  ._variant20_g46ng3_54{
+  ._variant20_8et0sh_54{
     display:block;
   }
-  ._variant24_g46ng3_55{
+  ._variant24_8et0sh_55{
     display:none;
   }
 }
 @container rs-icon (max-height: 16px){
-  ._variant16_g46ng3_53{
+  ._variant16_8et0sh_53{
     display:block;
   }
-  ._variant20_g46ng3_54{
+  ._variant20_8et0sh_54{
     display:none;
   }
 }

package/lib/index.css.js

@@ -1,14 +1,14 @@
 export default {
-  "icon": "_icon_g46ng3_4",
-  "sizeXS": "_sizeXS_g46ng3_14",
-  "sizeS": "_sizeS_g46ng3_18",
-  "sizeM": "_sizeM_g46ng3_22",
-  "sizeL": "_sizeL_g46ng3_26",
-  "light": "_light_g46ng3_30",
-  "dark": "_dark_g46ng3_34",
-  "allVariants": "_allVariants_g46ng3_48",
-  "variant16": "_variant16_g46ng3_53",
-  "variant20": "_variant20_g46ng3_54",
-  "variant24": "_variant24_g46ng3_55",
-  "variant28": "_variant28_g46ng3_58"
+  "icon": "_icon_8et0sh_4",
+  "sizeXS": "_sizeXS_8et0sh_14",
+  "sizeS": "_sizeS_8et0sh_18",
+  "sizeM": "_sizeM_8et0sh_22",
+  "sizeL": "_sizeL_8et0sh_26",
+  "light": "_light_8et0sh_30",
+  "dark": "_dark_8et0sh_34",
+  "allVariants": "_allVariants_8et0sh_48",
+  "variant16": "_variant16_8et0sh_53",
+  "variant20": "_variant20_8et0sh_54",
+  "variant24": "_variant24_8et0sh_55",
+  "variant28": "_variant28_8et0sh_58"
 };

package/lib/index.d.ts

@@ -482,6 +482,10 @@ export { default as PlayIcon } from './play';
 export type { IPlayIconProps as PlayIconProps } from './play';
 export { default as PlayOutlineIcon } from './play-outline';
 export type { IPlayOutlineIconProps as PlayOutlineIconProps } from './play-outline';
+export { default as PlugIcon } from './plug';
+export type { IPlugIconProps as PlugIconProps } from './plug';
+export { default as PlugOutlineIcon } from './plug-outline';
+export type { IPlugOutlineIconProps as PlugOutlineIconProps } from './plug-outline';
 export { default as PlusIcon } from './plus';
 export type { IPlusIconProps as PlusIconProps } from './plus';
 export { default as PlusOutlineIcon } from './plus-outline';

package/lib/index.js

@@ -240,6 +240,8 @@ export { default as PhoneIcon } from './phone.js';
 export { default as PhoneOutlineIcon } from './phone-outline.js';
 export { default as PlayIcon } from './play.js';
 export { default as PlayOutlineIcon } from './play-outline.js';
+export { default as PlugIcon } from './plug.js';
+export { default as PlugOutlineIcon } from './plug-outline.js';
 export { default as PlusIcon } from './plus.js';
 export { default as PlusOutlineIcon } from './plus-outline.js';
 export { default as PocketIcon } from './pocket.js';

package/lib/plug-outline.d.ts

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

package/lib/plug-outline.js

@@ -0,0 +1,297 @@
+import { c as _c } from "react-compiler-runtime";
+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 PlugOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M9.667 2.5c1.012 0 1.833.82 1.833 1.833V4.5h3.167a.5.5 0 0 1 0 1H11.5v5h3.167a.5.5 0 0 1 0 1H11.5v.167c0 1.012-.82 1.833-1.833 1.833H7.333a3.834 3.834 0 0 1-3.741-3H1.667A1.167 1.167 0 0 1 .5 9.333V6.667c0-.644.523-1.167 1.167-1.167h1.925c.38-1.716 1.91-3 3.741-3zm-2.334 1A2.833 2.833 0 0 0 4.5 6.333v3.334A2.833 2.833 0 0 0 7.333 12.5h2.334c.46 0 .833-.373.833-.833V4.333a.833.833 0 0 0-.833-.833zm-5.666 3a.167.167 0 0 0-.167.167v2.666c0 .092.075.167.167.167H3.5v-3z"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
+      viewBox: "0 0 16 16"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+});
+PlugOutlineIcon16.displayName = 'PlugOutlineIcon16';
+const PlugOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M12.333 3.25a2.417 2.417 0 0 1 2.417 2.417v.583h3.833a.75.75 0 0 1 0 1.5H14.75v4.5h3.833a.75.75 0 0 1 0 1.5H14.75v.583a2.417 2.417 0 0 1-2.417 2.417H9.167a4.92 4.92 0 0 1-4.53-3H1.834A1.583 1.583 0 0 1 .25 12.167V7.833c0-.874.709-1.583 1.583-1.583h2.805a4.92 4.92 0 0 1 4.529-3zm-3.166 1.5A3.417 3.417 0 0 0 5.75 8.167v3.666a3.417 3.417 0 0 0 3.417 3.417h3.166c.506 0 .917-.41.917-.917V5.667a.917.917 0 0 0-.917-.917zm-7.334 3a.083.083 0 0 0-.083.083v4.334c0 .046.037.083.083.083H4.25v-4.5z"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
+      viewBox: "0 0 20 20"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+});
+PlugOutlineIcon20.displayName = 'PlugOutlineIcon20';
+const PlugOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M15 4a3 3 0 0 1 3 3h4.5a1 1 0 1 1 0 2H18v6h4.5a1 1 0 1 1 0 2H18a3 3 0 0 1-3 3h-3a6 6 0 0 1-5.657-4H3a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h3.343C7.167 5.67 9.388 4 12 4zm-3 2a4 4 0 0 0-4 4v4a4 4 0 0 0 4 4h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm-9 8h3v-4H3z"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
+      viewBox: "0 0 24 24"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+});
+PlugOutlineIcon24.displayName = 'PlugOutlineIcon24';
+const PlugOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M18 5a3 3 0 0 1 3 3h5a1 1 0 1 1 0 2h-5v8h5a1 1 0 1 1 0 2h-5a3 3 0 0 1-3 3h-4a7 7 0 0 1-6.325-4H3a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h4.675A7 7 0 0 1 14 5zm-4 2a5 5 0 0 0-5 5v4a5 5 0 0 0 5 5h4a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zM3 17h4v-6H3z"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
+      viewBox: "0 0 28 28"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+});
+PlugOutlineIcon28.displayName = 'PlugOutlineIcon28';
+const PlugOutlineIcon = /*#__PURE__*/React.forwardRef((t0, ref) => {
+  const $ = _c(34);
+  let className;
+  let props;
+  let style;
+  let t1;
+  let t2;
+  let theme;
+  if ($[0] !== t0) {
+    ({
+      theme,
+      size: t1,
+      className,
+      style,
+      "data-render-all-sizes": t2,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = theme;
+  } else {
+    className = $[1];
+    props = $[2];
+    style = $[3];
+    t1 = $[4];
+    t2 = $[5];
+    theme = $[6];
+  }
+  const sizeFromProps = t1 === undefined ? "m" : t1;
+  const renderAllSizes = t2 === undefined ? false : t2;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const t3 = styles[theme];
+  const t4 = sizeStyles[size];
+  const t5 = renderAllSizes && styles.allVariants;
+  let t6;
+  if ($[7] !== className || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
+    t6 = cn(styles.icon, t3, t4, t5, className);
+    $[7] = className;
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== renderAllSizes || $[13] !== style) {
+    t7 = renderAllSizes ? {
+      "--rs-icon-ar-width": 28,
+      "--rs-icon-ar-height": 28,
+      ...style
+    } : style;
+    $[12] = renderAllSizes;
+    $[13] = style;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== props || $[16] !== ref || $[17] !== t6 || $[18] !== t7) {
+    t8 = {
+      ...props,
+      className: t6,
+      style: t7,
+      ref
+    };
+    $[15] = props;
+    $[16] = ref;
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  const mainProps = t8;
+  if (renderAllSizes) {
+    let t10;
+    let t11;
+    let t12;
+    let t9;
+    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+      t9 = /*#__PURE__*/React.createElement(PlugOutlineIcon16, {
+        className: styles.variant16
+      });
+      t10 = /*#__PURE__*/React.createElement(PlugOutlineIcon20, {
+        className: styles.variant20
+      });
+      t11 = /*#__PURE__*/React.createElement(PlugOutlineIcon24, {
+        className: styles.variant24
+      });
+      t12 = /*#__PURE__*/React.createElement(PlugOutlineIcon28, {
+        className: styles.variant28
+      });
+      $[20] = t10;
+      $[21] = t11;
+      $[22] = t12;
+      $[23] = t9;
+    } else {
+      t10 = $[20];
+      t11 = $[21];
+      t12 = $[22];
+      t9 = $[23];
+    }
+    let t13;
+    if ($[24] !== mainProps) {
+      t13 = /*#__PURE__*/React.createElement("svg", Object.assign({
+        viewBox: "0 0 28 28"
+      }, mainProps), t9, t10, t11, t12);
+      $[24] = mainProps;
+      $[25] = t13;
+    } else {
+      t13 = $[25];
+    }
+    return t13;
+  }
+  if (size === Size.xs) {
+    let t9;
+    if ($[26] !== mainProps) {
+      t9 = /*#__PURE__*/React.createElement(PlugOutlineIcon16, mainProps);
+      $[26] = mainProps;
+      $[27] = t9;
+    } else {
+      t9 = $[27];
+    }
+    return t9;
+  }
+  if (size === Size.s) {
+    let t9;
+    if ($[28] !== mainProps) {
+      t9 = /*#__PURE__*/React.createElement(PlugOutlineIcon20, mainProps);
+      $[28] = mainProps;
+      $[29] = t9;
+    } else {
+      t9 = $[29];
+    }
+    return t9;
+  }
+  if (size === Size.m) {
+    let t9;
+    if ($[30] !== mainProps) {
+      t9 = /*#__PURE__*/React.createElement(PlugOutlineIcon24, mainProps);
+      $[30] = mainProps;
+      $[31] = t9;
+    } else {
+      t9 = $[31];
+    }
+    return t9;
+  }
+  let t9;
+  if ($[32] !== mainProps) {
+    t9 = /*#__PURE__*/React.createElement(PlugOutlineIcon28, mainProps);
+    $[32] = mainProps;
+    $[33] = t9;
+  } else {
+    t9 = $[33];
+  }
+  return t9;
+});
+PlugOutlineIcon.displayName = 'PlugOutlineIcon';
+PlugOutlineIcon.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 PlugOutlineIcon;

package/lib/plug.d.ts

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

package/lib/plug.js

@@ -0,0 +1,297 @@
+import { c as _c } from "react-compiler-runtime";
+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 PlugIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M10.667 3C11.403 3 12 3.597 12 4.333v.417h2.667a.75.75 0 0 1 0 1.5H12v3.5h2.667a.75.75 0 0 1 0 1.5H12v.417c0 .736-.597 1.333-1.333 1.333H8.333A3.333 3.333 0 0 1 5 9.667V6.333A3.333 3.333 0 0 1 8.333 3zM4 10H1.667A.667.667 0 0 1 1 9.333V6.667C1 6.299 1.299 6 1.667 6H4z"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
+      viewBox: "0 0 16 16"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+});
+PlugIcon16.displayName = 'PlugIcon16';
+const PlugIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M12.333 4C13.253 4 14 4.747 14 5.667V6h3.583a1 1 0 1 1 0 2H14v4h3.583a1 1 0 1 1 0 2H14v.333c0 .92-.746 1.667-1.667 1.667H9.167A4.167 4.167 0 0 1 5 11.833V8.167A4.167 4.167 0 0 1 9.167 4zM4 13H1.833A.833.833 0 0 1 1 12.167V7.833c0-.46.373-.833.833-.833H4z"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
+      viewBox: "0 0 20 20"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+});
+PlugIcon20.displayName = 'PlugIcon20';
+const PlugIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M16 4a2 2 0 0 1 2 2v.5h3.5a1.5 1.5 0 0 1 0 3H18v5h3.5a1.5 1.5 0 0 1 0 3H18v.5a2 2 0 0 1-2 2h-4a5 5 0 0 1-5-5V9a5 5 0 0 1 5-5zM5 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3z"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
+      viewBox: "0 0 24 24"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+});
+PlugIcon24.displayName = 'PlugIcon24';
+const PlugIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const $ = _c(4);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/React.createElement("path", {
+      d: "M19 5a2 2 0 0 1 2 2v.5h5a1.5 1.5 0 0 1 0 3h-5v7h5a1.5 1.5 0 0 1 0 3h-5v.5a2 2 0 0 1-2 2h-6a6 6 0 0 1-6-6v-6a6 6 0 0 1 6-6zM5 19H2a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h3z"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props || $[2] !== ref) {
+    t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
+      viewBox: "0 0 28 28"
+    }, props, {
+      ref: ref
+    }), t0);
+    $[1] = props;
+    $[2] = ref;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+});
+PlugIcon28.displayName = 'PlugIcon28';
+const PlugIcon = /*#__PURE__*/React.forwardRef((t0, ref) => {
+  const $ = _c(34);
+  let className;
+  let props;
+  let style;
+  let t1;
+  let t2;
+  let theme;
+  if ($[0] !== t0) {
+    ({
+      theme,
+      size: t1,
+      className,
+      style,
+      "data-render-all-sizes": t2,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = theme;
+  } else {
+    className = $[1];
+    props = $[2];
+    style = $[3];
+    t1 = $[4];
+    t2 = $[5];
+    theme = $[6];
+  }
+  const sizeFromProps = t1 === undefined ? "m" : t1;
+  const renderAllSizes = t2 === undefined ? false : t2;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const t3 = styles[theme];
+  const t4 = sizeStyles[size];
+  const t5 = renderAllSizes && styles.allVariants;
+  let t6;
+  if ($[7] !== className || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
+    t6 = cn(styles.icon, t3, t4, t5, className);
+    $[7] = className;
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== renderAllSizes || $[13] !== style) {
+    t7 = renderAllSizes ? {
+      "--rs-icon-ar-width": 28,
+      "--rs-icon-ar-height": 28,
+      ...style
+    } : style;
+    $[12] = renderAllSizes;
+    $[13] = style;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== props || $[16] !== ref || $[17] !== t6 || $[18] !== t7) {
+    t8 = {
+      ...props,
+      className: t6,
+      style: t7,
+      ref
+    };
+    $[15] = props;
+    $[16] = ref;
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  const mainProps = t8;
+  if (renderAllSizes) {
+    let t10;
+    let t11;
+    let t12;
+    let t9;
+    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+      t9 = /*#__PURE__*/React.createElement(PlugIcon16, {
+        className: styles.variant16
+      });
+      t10 = /*#__PURE__*/React.createElement(PlugIcon20, {
+        className: styles.variant20
+      });
+      t11 = /*#__PURE__*/React.createElement(PlugIcon24, {
+        className: styles.variant24
+      });
+      t12 = /*#__PURE__*/React.createElement(PlugIcon28, {
+        className: styles.variant28
+      });
+      $[20] = t10;
+      $[21] = t11;
+      $[22] = t12;
+      $[23] = t9;
+    } else {
+      t10 = $[20];
+      t11 = $[21];
+      t12 = $[22];
+      t9 = $[23];
+    }
+    let t13;
+    if ($[24] !== mainProps) {
+      t13 = /*#__PURE__*/React.createElement("svg", Object.assign({
+        viewBox: "0 0 28 28"
+      }, mainProps), t9, t10, t11, t12);
+      $[24] = mainProps;
+      $[25] = t13;
+    } else {
+      t13 = $[25];
+    }
+    return t13;
+  }
+  if (size === Size.xs) {
+    let t9;
+    if ($[26] !== mainProps) {
+      t9 = /*#__PURE__*/React.createElement(PlugIcon16, mainProps);
+      $[26] = mainProps;
+      $[27] = t9;
+    } else {
+      t9 = $[27];
+    }
+    return t9;
+  }
+  if (size === Size.s) {
+    let t9;
+    if ($[28] !== mainProps) {
+      t9 = /*#__PURE__*/React.createElement(PlugIcon20, mainProps);
+      $[28] = mainProps;
+      $[29] = t9;
+    } else {
+      t9 = $[29];
+    }
+    return t9;
+  }
+  if (size === Size.m) {
+    let t9;
+    if ($[30] !== mainProps) {
+      t9 = /*#__PURE__*/React.createElement(PlugIcon24, mainProps);
+      $[30] = mainProps;
+      $[31] = t9;
+    } else {
+      t9 = $[31];
+    }
+    return t9;
+  }
+  let t9;
+  if ($[32] !== mainProps) {
+    t9 = /*#__PURE__*/React.createElement(PlugIcon28, mainProps);
+    $[32] = mainProps;
+    $[33] = t9;
+  } else {
+    t9 = $[33];
+  }
+  return t9;
+});
+PlugIcon.displayName = 'PlugIcon';
+PlugIcon.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 PlugIcon;

package/llm/components/icons.md

@@ -248,6 +248,8 @@ All Icons list
 - PhoneOutlineIcon
 - PlayIcon
 - PlayOutlineIcon
+- PlugIcon
+- PlugOutlineIcon
 - PlusIcon
 - PlusOutlineIcon
 - PocketIcon
@@ -376,7 +378,7 @@ All Icons list
 
 ### Usage
 
-```tsx
+```jsx
 import { CompanyIcon } from '@rescui/icons';
 
 <CompanyIcon />;
@@ -388,7 +390,7 @@ Animation inside `<svg>` tags can affect performance on pages with lots of loadi
 
 If you encounter performance issues, put loading icons as a background image for span and animate them like in this example:
 
-```tsx
+```jsx
 import loadingOutlineIconSrc from '@rescui/icons/svg/loading-outline_24.svg';
 
 <>
@@ -413,7 +415,7 @@ import loadingOutlineIconSrc from '@rescui/icons/svg/loading-outline_24.svg';
 
 Here's an interactive comparison showcasing a possible performance hit (More FPS = Better).
 
-```tsx
+```jsx
 import { useRef, useEffect, useState } from 'react';
 import { textCn } from '@rescui/typography';
 import { LoadingOutlineIcon } from '@rescui/icons';
@@ -533,7 +535,7 @@ Must be used with `data-render-all-sizes` prop
 
 Use the controls to see the effect at different viewport widths.
 
-```tsx
+```jsx
 import { PersonOutlineIcon } from '@rescui/icons';
 
 const MyIcon = () => {
@@ -567,7 +569,7 @@ render(<MyIcon />);
 
 ##### Demo
 
-```tsx
+```jsx
 import { PersonOutlineIcon } from '@rescui/icons';
 
 render(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/icons",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -44,5 +44,5 @@
     "svg-to-jsx": "rescui-scripts svg-to-jsx --src=svg --out=lib --template=template.js --ts-template=ts-template.js --typings-dir=lib"
   },
   "nx": {},
-  "gitHead": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
+  "gitHead": "de39487aaf7fa1351451b7a4c73b0f6024551e5a"
 }

package/svg/plug-outline_16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M9.667 2.5c1.012 0 1.833.82 1.833 1.833V4.5h3.167a.5.5 0 0 1 0 1H11.5v5h3.167a.5.5 0 0 1 0 1H11.5v.167c0 1.012-.82 1.833-1.833 1.833H7.333a3.834 3.834 0 0 1-3.741-3H1.667A1.167 1.167 0 0 1 .5 9.333V6.667c0-.644.523-1.167 1.167-1.167h1.925c.38-1.716 1.91-3 3.741-3zm-2.334 1A2.833 2.833 0 0 0 4.5 6.333v3.334A2.833 2.833 0 0 0 7.333 12.5h2.334c.46 0 .833-.373.833-.833V4.333a.833.833 0 0 0-.833-.833zm-5.666 3a.167.167 0 0 0-.167.167v2.666c0 .092.075.167.167.167H3.5v-3z"/></svg>

package/svg/plug-outline_20.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M12.333 3.25a2.417 2.417 0 0 1 2.417 2.417v.583h3.833a.75.75 0 0 1 0 1.5H14.75v4.5h3.833a.75.75 0 0 1 0 1.5H14.75v.583a2.417 2.417 0 0 1-2.417 2.417H9.167a4.92 4.92 0 0 1-4.53-3H1.834A1.583 1.583 0 0 1 .25 12.167V7.833c0-.874.709-1.583 1.583-1.583h2.805a4.92 4.92 0 0 1 4.529-3zm-3.166 1.5A3.417 3.417 0 0 0 5.75 8.167v3.666a3.417 3.417 0 0 0 3.417 3.417h3.166c.506 0 .917-.41.917-.917V5.667a.917.917 0 0 0-.917-.917zm-7.334 3a.083.083 0 0 0-.083.083v4.334c0 .046.037.083.083.083H4.25v-4.5z"/></svg>

package/svg/plug-outline_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M15 4a3 3 0 0 1 3 3h4.5a1 1 0 1 1 0 2H18v6h4.5a1 1 0 1 1 0 2H18a3 3 0 0 1-3 3h-3a6 6 0 0 1-5.657-4H3a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h3.343C7.167 5.67 9.388 4 12 4zm-3 2a4 4 0 0 0-4 4v4a4 4 0 0 0 4 4h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm-9 8h3v-4H3z"/></svg>

package/svg/plug-outline_28.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M18 5a3 3 0 0 1 3 3h5a1 1 0 1 1 0 2h-5v8h5a1 1 0 1 1 0 2h-5a3 3 0 0 1-3 3h-4a7 7 0 0 1-6.325-4H3a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h4.675A7 7 0 0 1 14 5zm-4 2a5 5 0 0 0-5 5v4a5 5 0 0 0 5 5h4a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zM3 17h4v-6H3z"/></svg>

package/svg/plug_16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M10.667 3C11.403 3 12 3.597 12 4.333v.417h2.667a.75.75 0 0 1 0 1.5H12v3.5h2.667a.75.75 0 0 1 0 1.5H12v.417c0 .736-.597 1.333-1.333 1.333H8.333A3.333 3.333 0 0 1 5 9.667V6.333A3.333 3.333 0 0 1 8.333 3zM4 10H1.667A.667.667 0 0 1 1 9.333V6.667C1 6.299 1.299 6 1.667 6H4z"/></svg>

package/svg/plug_20.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M12.333 4C13.253 4 14 4.747 14 5.667V6h3.583a1 1 0 1 1 0 2H14v4h3.583a1 1 0 1 1 0 2H14v.333c0 .92-.746 1.667-1.667 1.667H9.167A4.167 4.167 0 0 1 5 11.833V8.167A4.167 4.167 0 0 1 9.167 4zM4 13H1.833A.833.833 0 0 1 1 12.167V7.833c0-.46.373-.833.833-.833H4z"/></svg>

package/svg/plug_24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M16 4a2 2 0 0 1 2 2v.5h3.5a1.5 1.5 0 0 1 0 3H18v5h3.5a1.5 1.5 0 0 1 0 3H18v.5a2 2 0 0 1-2 2h-4a5 5 0 0 1-5-5V9a5 5 0 0 1 5-5zM5 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3z"/></svg>

package/svg/plug_28.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M19 5a2 2 0 0 1 2 2v.5h5a1.5 1.5 0 0 1 0 3h-5v7h5a1.5 1.5 0 0 1 0 3h-5v.5a2 2 0 0 1-2 2h-6a6 6 0 0 1-6-6v-6a6 6 0 0 1 6-6zM5 19H2a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h3z"/></svg>