react-icon-mask-lib/dist/icon-lib.js

React компонент Icon с поддержкой кастомных SVG через mask-image

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react");var A={exports:{}},R={};/**
 * @license React
 * react-jsx-runtime.production.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var Y;function ee(){if(Y)return R;Y=1;var i=Symbol.for("react.transitional.element"),m=Symbol.for("react.fragment");function f(o,a,u){var n=null;if(u!==void 0&&(n=""+u),a.key!==void 0&&(n=""+a.key),"key"in a){u={};for(var b in a)b!=="key"&&(u[b]=a[b])}else u=a;return a=u.ref,{$$typeof:i,type:o,key:n,ref:a!==void 0?a:null,props:u}}return R.Fragment=m,R.jsx=f,R.jsxs=f,R}var _={};/**
 * @license React
 * react-jsx-runtime.development.js
 *
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var F;function re(){return F||(F=1,process.env.NODE_ENV!=="production"&&function(){function i(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Z?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case p:return"Fragment";case U:return"Profiler";case W:return"StrictMode";case J:return"Suspense";case X:return"SuspenseList";case H:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case L:return"Portal";case V:return(e.displayName||"Context")+".Provider";case q:return(e._context.displayName||"Context")+".Consumer";case G:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case B:return r=e.displayName||null,r!==null?r:i(e.type)||"Memo";case x:r=e._payload,e=e._init;try{return i(e(r))}catch{}}return null}function m(e){return""+e}function f(e){try{m(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,c=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",c),m(e)}}function o(e){if(e===p)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===x)return"<...>";try{var r=i(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=T.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function n(e){if(y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function t(){h||(h=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function D(){var e=i(this.type);return N[e]||(N[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function M(e,r,t,c,d,l,O,g){return t=l.ref,e={$$typeof:j,type:e,key:r,props:l,_owner:d},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:D}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:g}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function P(e,r,t,c,d,l,O,g){var s=r.children;if(s!==void 0)if(c)if(Q(s)){for(c=0;c<s.length;c++)w(s[c]);Object.freeze&&Object.freeze(s)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(s);if(y.call(r,"key")){s=i(e);var E=Object.keys(r).filter(function(z){return z!=="key"});c=0<E.length?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}",I[s+c]||(E=0<E.length?"{"+E.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
  let props = %s;
  <%s {...props} />
React keys must be passed directly to JSX without using spread:
  let props = %s;
  <%s key={someKey} {...props} />`,c,s,E,s),I[s+c]=!0)}if(s=null,t!==void 0&&(f(t),s=""+t),n(r)&&(f(r.key),s=""+r.key),"key"in r){t={};for(var S in r)S!=="key"&&(t[S]=r[S])}else t=r;return s&&b(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),M(e,s,l,d,a(),t,O,g)}function w(e){typeof e=="object"&&e!==null&&e.$$typeof===j&&e._store&&(e._store.validated=1)}var v=K,j=Symbol.for("react.transitional.element"),L=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),W=Symbol.for("react.strict_mode"),U=Symbol.for("react.profiler"),q=Symbol.for("react.consumer"),V=Symbol.for("react.context"),G=Symbol.for("react.forward_ref"),J=Symbol.for("react.suspense"),X=Symbol.for("react.suspense_list"),B=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),H=Symbol.for("react.activity"),Z=Symbol.for("react.client.reference"),T=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,y=Object.prototype.hasOwnProperty,Q=Array.isArray,k=console.createTask?console.createTask:function(){return null};v={"react-stack-bottom-frame":function(e){return e()}};var h,N={},C=v["react-stack-bottom-frame"].bind(v,u)(),$=k(o(u)),I={};_.Fragment=p,_.jsx=function(e,r,t,c,d){var l=1e4>T.recentlyCreatedOwnerStacks++;return P(e,r,t,!1,c,d,l?Error("react-stack-top-frame"):C,l?k(o(e)):$)},_.jsxs=function(e,r,t,c,d){var l=1e4>T.recentlyCreatedOwnerStacks++;return P(e,r,t,!0,c,d,l?Error("react-stack-top-frame"):C,l?k(o(e)):$)}}()),_}process.env.NODE_ENV==="production"?A.exports=ee():A.exports=re();var te=A.exports;const ne=({children:i,className:m="",color:f,size:o,name:a,...u})=>{const n={};return f&&(n.backgroundColor=f),o&&(n.width=typeof o=="number"?`${o}px`:o,n.height=typeof o=="number"?`${o}px`:o,n.flex=`0 0 ${typeof o=="number"?`${o}px`:o}`),a&&(n.maskImage=`url(/icons/${a}.svg)`,n.webkitMaskImage=`url(/icons/${a}.svg)`,n.maskRepeat="no-repeat",n.maskSize="contain",n.maskPosition="center",n.backgroundColor=f||"currentColor"),te.jsx("i",{className:`icon ${m}`,style:n,...u,children:!a&&i})};exports.Icon=ne;